Vue跨组件传递数据小总结

本文章主要针对跨组件传值的方式分享（不包括父子组件传参）。

``
方式一：
通过挂载对象的方式，将组件内部的值暴露出去让外部修改

）
（此图为暴露挂载在window对象上，然后调用方法设置改变内部值）

``

``
方式二：
bus 事件总线方式

(定义自定义事件并传递参数)

（触发自定义事件）

定义方式：创建创建一个Vue对象，这个Vue对象主要作为触发事件传递参数等。一切操作在这个对象的原型链上
``

方式三： 使用Vuex 1、在vuex定义state，并提供可修改值方法。mutation/action。 2、在使用的时候监听state的变化
***
1、从vuex中导入并使用mapgetters方法
2、在computed:{
// 这种方式一定要在vuex中定义getters
…mapGetters([''state])
// 在此处取出状态

}
watch:{
// 监听这个值得变化。
'state:function(){}
}

***