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

学习课程：前端工程师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一个空对象；如果传了修饰符就会放到这个空对象里面。

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

继续加油！！！