Vue.js Vuex在组件中存储奇怪行为

存储数据可以通过嵌入HTML的组件直接访问，如下所示：

 {{$store.state.notificationArea.cart.total;}}

这可以正常工作，但是，它在同一控制器的computed属性中不起作用，如下所示：

computed: {
 total: function () {
     return this.$store.state.notificationArea.cart.total;
  }
}

---

已尝试解决它三天了，请帮助。

计算属性是一个函数，它返回一个值，应该声明为total:function{}，total:=>{}或total{}:

您所引用的属性应该初始化为：

const state={
     notificationArea:{
                 cart:{
                    total:0,
                  }
            }
      }
....

---

您在Conput中输入了一个打字错误，应该进行计算。请共享您的商店代码并检查我编辑的答案。您是否修复了该打字错误？是的，不起作用，仅StackOverflow中存在打字错误，我已编辑了我的代码。不客气，我还在codesandbox中添加了一个示例

const state={
     notificationArea:{
                 cart:{
                    total:0,
                  }
            }
      }
....