vue单一事件中心管理组件通信

vue传递数据有很懂中方法,组件之间传参,可以建一个父级,把组件信息传给父级,然后再用props继承过来,这是props传递。

今天说的是单一事件管理通信,这个可以简单解决传参问题

做这个我们首先得准备一个空的实例对象,为什么要准备,因为准备了空对象就之后,这个空对象上就会挂上各种方法,什么$on啊,$emit啊 ,这个空对象一定要是全局的,为什么,因为每个组件都要访问,所以首先全局定义一个空的实例对象,基本的语法格式如下:

var Event=new Vue();

Event.$emit(事件名称, 数据)

Event.$on(事件名称,function(data){
	//data
}.bind(this));//在这个里面this指向会发生变化,要么bind一下,要么用_this代替this来重定向

实例代码为:




    
    组件通信
    
    
    
    


    

 

你可能感兴趣的:(H5,移动端,vue)