在这里保存搜索栏的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()" />