我有一個(gè)用 Vue 構(gòu)建的電子商務(wù)應(yīng)用程序 (SPA)，下面是商店的快照state: {    cart: [],    totalItems: {      count: 0    }},getters: {    totalItems(){      if(window.localStorage.totalItems){        return JSON.parse(window.localStorage.totalItems)      }      else{        let totalItems = { count: 0}        return totalItems      }    }},mutations: {    setCart(state, cart){      state.cart = cart      window.localStorage.cart = JSON.stringify(cart)    },    setTotalItems(state, totalItems){      state.totalItems = totalItems      window.localStorage.totalItems = JSON.stringify(totalItems)    }},actions: {    addToCart({ commit, getters }, productId){      let cart = getters.cart      let totalItems = getters.totalItems      if(cart.length == 0){        cart.push({id: productId, quantity: 1})        totalItems.count++      }      else if(cart.find(({ id }) => id == productId)){        let item = cart.find(({ id }) => id == productId)        item.quantity++        totalItems.count++      }      else{        cart.push({id: productId, quantity: 1})        totalItems.count++       }       commit('setCart', cart)       commit('setTotalItems', totalItems)    },    setTotalItems({ commit }, totalItems){      commit('setTotalItems', totalItems)    }}在我的 App.vue 文件中如下 -<template>  <v-app>    <v-app-bar      app      color="red"      dark    >      <v-btn text to="/">Vue Shop</v-btn>      <v-spacer></v-spacer>      <v-btn text to="/cart">        <v-badge v-if="totalItems.count" :content="totalItems.count"><v-icon>mdi-cart</v-icon></v-badge>      </v-btn>    </v-app-bar>    <v-main>      <router-view></router-view>    </v-main>  </v-app></template><script></script>當(dāng)我加載網(wǎng)站時(shí)，我可以看到計(jì)算屬性正在計(jì)算。但是，當(dāng)我單擊下面顯示的 Home.vue 文件上的“添加到”按鈕時(shí)，它應(yīng)該調(diào)用 addToCart 方法依次從商店調(diào)度 addToCart 操作我在哪里計(jì)算 totalItems 并使用 setTotalItems 突變?cè)O(shè)置值我面臨的問(wèn)題是，當(dāng)我單擊“添加到”按鈕時(shí)，我可以看到 totalItems 的值在 localStorage 中更新，但它沒(méi)有反映在 v-app-bar 組件中。只有當(dāng)我導(dǎo)航到另一個(gè)頁(yè)面然后返回主頁(yè)時(shí)，它才會(huì)這樣做。當(dāng)我通過(guò)將值存儲(chǔ)在狀態(tài)而不是 localStorage 中來(lái)實(shí)現(xiàn)時(shí)，它會(huì)正確反映，而無(wú)需導(dǎo)航到其他頁(yè)面。有沒(méi)有辦法在仍然使用 localStorage 而不是商店的同時(shí)實(shí)現(xiàn)這一目標(biāo)