在這里保存搜索欄的template的寫法，具體代碼如下所示： ~~~ <input v-model.trim="searchName" @keyup.enter.native="bindChange(searchName)" placeholder="搜一搜..." /> <button type="primary" icon="search" @click="bindChange(searchName)">搜索</button> ~~~ **關鍵詞解析** * v-model： 指的是輸入框輸入綁定，實現視圖數據實時更新，一般在data里面賦初值； * v-model.trim：自動過濾用戶輸入的首尾空白字符； * v-model.lazy： v-model 在每次 input 事件觸發后將輸入框的值與數據進行同步，從而轉變為使用 change 事件進行同步（在“change”時而非“input”時更新）； * @keyup.enter.native="bindChange(searchName)" ： 鍵值事件，是鍵盤上的enter事件， * @keyup.enter.**native**： 代表不是按鈕都可以有點擊時間的效果，例如<div @click.native="clickMe()" />