学习课程:前端工程师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一个空对象;如果传了修饰符就会放到这个空对象里面。
当有修饰符时,向外触发值的时候提前做一些额外的操作。
继续加油!!!