我有一個用 Vue 構建的電子商務應用程序 (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>當我加載網站時，我可以看到計算屬性正在計算。但是，當我單擊下面顯示的 Home.vue 文件上的“添加到”按鈕時，它應該調用 addToCart 方法依次從商店調度 addToCart 操作我在哪里計算 totalItems 并使用 setTotalItems 突變設置值我面臨的問題是，當我單擊“添加到”按鈕時，我可以看到 totalItems 的值在 localStorage 中更新，但它沒有反映在 v-app-bar 組件中。只有當我導航到另一個頁面然后返回主頁時，它才會這樣做。當我通過將值存儲在狀態而不是 localStorage 中來實現時，它會正確反映，而無需導航到其他頁面。有沒有辦法在仍然使用 localStorage 而不是商店的同時實現這一目標