1.在Vue中如果使用事件的绑定机制,为元素指定处理的函数的时候,如果加了小括号就可以对对其进行传参了
***在绑定事件add(),因为加了括号就可以对其进行传递参数的处理,这是与add的差别。
2.键盘的点击时间:@keyup键盘的点击事件
其中@keyup.enter是键盘的回车事件,这个是Vue默认的,也可以自己定义键盘的默认事件。
@keyup.f2="add()"
//这个是定义全局按键修饰符f2
Vue.config.keyCodes.F2 = 113;
3.关于把文本框的输入的数据进行添加到表格里面的重要操作
***首先先创建Vue的实例,得到VM
var vm=new Vue({
el:'#app',
id:' ',
name:' ',
list:[
{ id: 1, name: '奔驰', ctime: new Date() },
{ id: 2, name: '宝马', ctime: new Date() }
]
}),
methods:{
add() { // 添加的方法
// 分析:
// 1. 获取到 id 和 name ,直接从 data 上面获取
// 2. 组织出一个对象
// 3. 把这个对象,调用 数组的 相关方法,添加到 当前 data 上的 list 中
// 4. 注意:在Vue中,已经实现了数据的双向绑定,每当我们修改了 data 中的数据,Vue会默认监听到数据的改动,自动把最新的数据,应用到页面上;
// 5. 当我们意识到上面的第四步的时候,就证明大家已经入门Vue了,我们更多的是在进行 VM中 Model 数据的操作,同时,在操作Model数据的时候,指定的业务逻辑操作;
}
}
4.删除表格中的数据
5.用关键字进行查找
5.关于全局过滤器
也可以定义私有过滤器:
6.关于指令的使用
也可以定义私有指令: