学习vue2.0笔记（第三章下）

事件绑定：v-on:click="event"缩写@click="aaaa"
提供默认的修改器 ：比如： v-on:click.stop="ddd"阻止冒泡

Paste_Image.png

指定keycode

Paste_Image.png

自定义事件，通过emit触发
子组件中：

父组件中：定义my-event事件

Paste_Image.png

同时接受参数

Paste_Image.png

v-model 表单数据双向绑定，及时的更新

Paste_Image.png

checkbox，此时mybox是数组

checkbox

radio，单选

Paste_Image.png

selection下拉列表

Paste_Image.png

Paste_Image.png

selection配合v-for实现

selection

Paste_Image.png

v-model支持3种修改器：v-model.lazy延迟更新

Paste_Image.png

强制值是数字， 当不使用number修改器时，即使输入的是数字，但是实际上是字符串类型的

删除空格

trim

总结

Paste_Image.png

计算属性：根据其他属性动态的更新

Paste_Image.png

Paste_Image.png

也可以通过定义一个方法实现，在页面中调用

Paste_Image.png

Paste_Image.png

区别：计算属性，只会跟着相关属性的更新而更新，如果相关属性 不更新，那么它也不会更新，有缓存；
定义一个方法，每次调用都会重新获取

Paste_Image.png

watch实现属性监听，本身就是 一个数组

参数：新值和旧值

Paste_Image.png

Paste_Image.png

对列表进行更改，删除等操作时，需要提示用户
1，每次发生改变就调用telluser方法

Paste_Image.png

Paste_Image.png

2，直接监听，会方便很多

Paste_Image.png

总结

Paste_Image.png