需求:點擊跳轉B組件,在B組件中增減刪除ABCD,然后點擊B組件的返回按鈕,A組件的nav隨時刷新
說明:這是A組件的獲取數據,渲染頁面

` mounted(){
  this.$store.dispatch('acChannels')
  this.$store.commit('loading', true)
},
computed: {
  channels() {
    console.log(this.$store.state.channels)
    return this.$store.state.channels
  }
},`

這是B組件在修改數據后的代碼:

 methods: {
    backIndex() {
      this.$router.push("/topic");
    },
    deleteChannel(item, index) {
      if(index !== 0) {
        this.$store.commit('increment', index)
        this.addChannel.push(item)
      }
    },
    appendChannel(item, index) {
      this.addChannel.splice(index, 1)
      this.$store.commit('decrement', item)
    }

然后在B組件修改完數據之后,返回A組件,computed總執(zhí)行兩次,第一次輸出的是修改后的數據,然后monted又執(zhí)行了,此時computed也再執(zhí)行一次,有輸出的是從數據庫獲得導航,怎么讓AB組件的數據保持同步或者在B組件數據改變后,A組件實時刷新呢