vue组件通信 组件互相传参学习心得

父子

                      1、在父组件上，对子组件标签自定义属性，将要传递的值作为参数传递

                      2、在子组件当中使用props进行接受

子父

                      1、子触发传递数据的事件

                      2、传递事件当中使用this.$emit(“父组件接受数据的自定义事件名称”，数据)

                      3、父组件当中，对子组件标签设置自定义事件，指定接受函数

非父子

                      1、申明一个新的空地vue实例

                      2、使用vue实例的$emit发送数据

                      3、使用vue实例的$on接受数据