vue子至父组件通信的进一步介绍

这是子组件core.vue

                                        如上图子组件所示 $emit触发父组件this.fnName函数 传递参数为sendDate

上两图全为父组件内容

上图中 fnName="perfect" 表示触发的是一个字符串  (注:perfect本身就是字符串 ),然后字符串可以找到对应函数 @perfect,此处字符串和函数名必须对应。 然后就可以在perfectFn函数里面拿到传递过来的参数 sendDate。

这样做的好处是子组件中的一个$emit 可以触发多个父组件中的函数   例如上图core.vue通过一个$emit (this.fnName)可以分别触发父组件中的watchSave 和 perfect 两个函数。更加简便