学习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
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容