代码之家 › 专栏 › 技术社区 › Shamoon

监视vuex状态不能让我访问它的值

vuex vue.js

Shamoon · 技术社区 · 5 年前

在我的 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);

但是 newVal 如何将它们作为常规属性访问?

1 回复 | 直到 5 年前

Andrew Vasylchuk 5 年前

像普通物业一样访问它们:

在中访问它 script :

const email = User.email

template :

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

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

我建议你阅读 getters 和 setters .

推荐文章

StuP · 响应式Vue组件在数据更改时不更新

2 年前

dbzx10299 · 对从Api端点返回的数据使用Vue转换组

2 年前

mrDandaleonx · Vue3获取div内容并将其发布到表单

2 年前

ateymour · Vue3在异步调用后将道具传递给子组件

2 年前

Artur Müller Romanov · 是否可以有条件地渲染布局?

2 年前

Ilijanovic · 对象可能未定义

2 年前

devAR · 单击其他组件时,单选按钮未保持选中状态

2 年前

Coderama · 在v-for指令中使用:key属性时,TS应出现类型错误

2 年前

Suffii · Vue表单输入绑定的条件绑定存在问题

2 年前

akkonrad · 函数的作用是:返回数据属性为空的实例

2 年前