非父子传值

1,生命周期
在vue一整个的生命周期中会有很多钩子函数提供给我们在vue生命周期不同的时刻进行操作:

   // beforeCreate
   // created
   // beforeMount
   // mounted
   // beforeUpdate
   // updated
   // beforeDestroy
   // destroyed

2,同级传值

(1):新建一个空的root组件:let Event=new Vue();
(2):发送数据的组件:Event.$emit('a-fnName',data) 写在组件的methods里

(3):接收数据的组件:Event.$on('a-fnName',(data)=>{}),注意函数格式必须写为箭头函数,不然this指向不是当前组件

两个独立的组件不能进行传输,需要借助第三方量;
在组件模板中不能同时存在两个以上的兄弟元素,需用一个div包起来;
在全局组件中,必须把组件放在new Vue() 的上面,否则会报错
例:

你可能感兴趣的:(非父子传值)