vue组件之间传值

父传子


   

    
        
        
    
    
      
      

这个只需要在父组件上定义一个数据,然后绑定到子组件上,子组件用props进行接收就好了

子传父




    
        
        
    

    
        

在子组件的button上绑定一个点击事件,调用$emit(name,value) 就可以将数据发送出去,然后在父组件中,绑定监听事件,,这样当子组件有参数传过来,父组件就可以监控到。

非父子组件间传值



    
        
        
        
    
    
        

Vue.prototype.bus = new Vue() 创建一个bus总线。
this.bus.$emit('change',this.myContent) 往总线传一个值

然后在别的组件里去监听这个值
_this.bus.$on('change',function(msg){
_this.myContent = msg;
})
这样也实现了非父子组件的传值了

当我们需要用到状态管理的时候,我们应该用vuex。关于vuex的内容以后再补充。

觉得OK的给个喜欢吧~~~

你可能感兴趣的:(vue组件之间传值)