Vue 自定义组件总结

1：一种组件间的通信方式，适用于 子组件===> 父组件 （父===>子 直接props就行）

2：使用场景：A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件

3：绑定自定义事件
（1）在父组件中

<student v-on:studentName="getStudentName"></student>

或

<student @studentName="getStudentName"></student>

（2）在父组件中使用ref和$refs

<student ref="student"></student>
this.$refs.student.$on('studentName',this.getStudentName)

(3) 若想让自定义事件只能触发一次，可以使用once修饰符或$once方法

4：触发自定义事件

this.$emit('studentName',数据)

5：解绑自定义事件

this.$off('studentName')

6: 组件上可以绑定DOM事件，需要native修饰符。

7：通过

this.$refs.student.$on('studentName',方法函数)

方法函数要么配置在methods中，要么用箭头含函数，否则this指向会出问题。

项目：vuedemo（todos文件夹)项目和vuedemo2(study文件夹)这两个项目都有

gitee地址：

 vuedemo：
 https://gitee.com/BruthLi/vuedemo.git

 vuedemo2
 https://gitee.com/BruthLi/vuedemo2.git