本来想用Vuex状态管理的,但是在兄弟组件事件触发上遇到了很大的问题,只好按官方的说法用了总线的形式:
var bus = new Vue();
//A组件触发:
methods: {
//上传方法
confirmEdit(){
bus.$emit('confirmEdit');
},
}
//B组件调用:
created (){
bus.$on('confirmEdit', () => {
this.addModal.name = somthing
this.customAlertFunc(...)
}
也用到了store:
var store = new Vuex.Store({
state: {
shopId:parseURL().shopId,
reservationShopList:[],
isTabHide: false,
isEdit: false,
}
});
结果只是用来储存一部分变量,其实换成全局变量也完全可以= =|| :
var commonData = {
shopId: parseURL().shopId,
reservationShopList: [],
isTabHide: false,
isEdit: false,
}
网上也找不到Vuex的正确的使用方法啊…
这玩意到底怎么用?和全局变量区别在哪里?怎么用Vuex把总线替掉?
问题补充:求一个总线的Vuex实现
实际上vue1.X里面是有类似方法的,
$dispatch
和$broadcast
,就是和总线相同的用法。但是在vue2.X被移除了,原因是事件流会因此变得脆弱而难以理解,
Bus
实际是broadcast的升级版:如果要改写成VUEX,推荐的做法是把所有数据,和相关方法全部置入store,所有子组件只需要发送mutation调取store中的方法和数据,虽然看起来这种做法会让store显得过于臃肿庞大,但是对于复杂系统的构建是更具优势的。而且官方也提供了将store切分的解决方案。