观看vuex状态无法让我获取其价值

Question

在我的H中，我有：

store.js

我没有使用state: { User: false }, ，并且getters将被设置为对象。在我的组件中，我有：

User

但是export default { name: "ConversationsList", mixins: [conversationMixin], computed: { ...mapState(["User"]) }, data: () => { return { conversations: false, datedConversations: false }; }, watch: { User: { immediate: true, handler(newVal, oldVal) { console.log(newVal, oldVal); 不是具有简单属性的对象。它们似乎是功能： 如何将它们作为常规属性访问？

Answer 1

像访问普通属性一样访问它们：

在script中访问它：

const email = User.email

在template中访问它：

<template>
  <span>{{ User.email }}</span>
</template>

Vue将getter和setter应用于每个属性，以实现其反应性。从上面的代码中可以看到，每个属性都使用其getter和setter进行初始化，因此，每次更改它时，Vue都可以重新呈现模板的适当部分。

我建议您阅读有关getters和setters的信息。