非父子组件间的传值_第1张图片
复杂的组件之间传值的问题,可以通过vuex、发布订阅模式(vue中叫总线机制、或者观察者模式、或者Bus)来解决




    
    
    
    


//Tom和Cat是兄弟关系

非父子组件间的传值_第2张图片
(像上面这样的代码会报错,因为vue中的单项数据流,父组件传值给子组件,子组件不能改变传递过来的内容,而上面却强改这个内容)
解决办法是拷贝父组件的属性咯(拷贝给selfContent):




    
    
    
    


//Tom和Cat是兄弟关系

以后遇到比兄弟组件关系更复杂的传值也可以这样解决