2018.9.19 对今天所学到的Vue进行总结

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.关于指令的使用

  也可以定义私有指令:

猜你喜欢

转载自blog.csdn.net/HANGSOME123/article/details/82778886
今日推荐