vue不同组件之间通信

可以使用store里的state进行通信

省略store里的其他代码

B组件相关操作改变store里的值,A组件进行监听进行操作

B组件:
 methods: {
   change(idx){
     其他操作
    。。。
      ctx.$store.commit("SET_SIDE_MENU", sideMenu);
    }
}

A组件:
 computed: {
    getSideMenu() {
      return this.$store.getters.sideMenu; //监听需要变化的store的数据
    }
  },
  watch: {
    getSideMenu(newVal, oldVal) {
  }

猜你喜欢

转载自blog.csdn.net/CarryBest/article/details/88975253