继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

【备战春招】第七天+vue复习

Niklause
关注TA
已关注
手记 21
粉丝 3
获赞 0

学习课程:前端工程师2022版-vue基础入门

lesson18: 父子组件间如何通过事件进行通信

1-6 父子组件间如何通过事件进行通信(1)-慕课网体系课 (imooc.com)

1-7 父子组件间如何通过事件进行通信(2)-慕课网体系课 (imooc.com)

lesson19:组件间双向绑定高级内容

1-8 组件间双向绑定高级内容(选学)-慕课网体系课 (imooc.com)

讲师:Dell老师


今天继续了昨天的课程安排,学习了vue的父子组件间如何通过事件进行通信和组件间双向绑定高级内容

父组件通过 props 属性向子组件传递数据。子组件利用组件实例的 props 属性定义组件需要接收的参数,在使用组件时通过 attribute的方式传入参数。props 接收一个组件参数数组。实际上,props 也可以接收一个对象,对象key为组件接收参数的参数名,其值是一个对象,属性 type 用来指定参数的类型,属性 default 用来指定参数的默认值。子组件通过 $emit 传递事件给父组件,父组件通过 $on 监听事件。触发事件时事件名使用驼峰命名,监听事件时事件名使用。子组件emits属性定义了接下来会触发的事件名,名称不符会报错。

v-model后面加一个点+修饰符名字,修饰符通过props传递给子组件。子组件通过modelModifiers来接收,它有一个默认值,当你不传递时默认给modelModifiers一个空对象;如果传了修饰符就会放到这个空对象里面。

当有修饰符时,向外触发值的时候提前做一些额外的操作。


继续加油!!!

http://img2.sycdn.imooc.com/63ea506d0001cc5525601440.jpg

http://img3.sycdn.imooc.com/63ea506d0001420925601440.jpg

http://img3.sycdn.imooc.com/63ea506d0001521a25601440.jpg

http://img1.sycdn.imooc.com/63ea506e0001539725601440.jpg

http://img1.sycdn.imooc.com/63ea506e000116f525601440.jpg

http://img2.sycdn.imooc.com/63ea506e00013c8b25601440.jpg

http://img2.sycdn.imooc.com/63ea506f00017cf225601440.jpg

http://img1.sycdn.imooc.com/63ea506f00013eff25601440.jpg

http://img4.sycdn.imooc.com/63ea506f0001d6ab25601440.jpg

http://img1.sycdn.imooc.com/63ea50700001874c25601440.jpg



打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP