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

观看vuex商店

vuex vue.js

ekjcfn3902039 · 技术社区 · 5 年前

export default {
  namespaced:true,
  state: {
    data: [],
  }
  // actions, mutations, etc
}

我想知道新数据什么时候到商店。

肌肉疗法

export default {
  computed: {
    getFoo() {
      return this.$store.state.MyStore.data;
    },
  },
  watch: {
    getFoo(newValue, oldValue) {
      console.log(`New ${JSON.stringify(newValue)}`);
      console.log(`Old ${JSON.stringify(oldValue)}`);
    }
  },
}

但是,控制台总是将新数据和旧数据显示为同一对象。这是正确的语法吗?

仅供参考-当新项添加到vuex存储数据时,我需要捕获,因为我将它们直接添加到OpenLayers映射中。

1 回复 | 直到 5 年前

Steven Spungin 5 年前

您可以这样直接观看商店属性:

watch:{
  '$store.state.data'(value, oldValue) {
  }
}

还可以使用“deep”和“handler”语法来监视对象上的子属性。

ekjcfn3902039 5 年前

this.$store.subscribe((mutation,state) => {
  if (mutation.type === 'myStore/MyMutation') {
    const myData = mutation.payload.data.forEach(x=> etc...
  }
});

推荐文章

matthew · 如何检索存储状态的新旧值

6 年前

dendog · 如何在Vuex状态创建中使用函数

6 年前

Thuan Nguyen · 使用vuex更新数据

6 年前

MaratSR · 在vuex中创建操作的正确方法

6 年前

dendog · 动态填充Vuex状态

6 年前

Andriy Stolyar · 如何在Vuex存储区已经创建之后手动将其添加到Vuex存储区?

6 年前

Cameron · 数据显示在websocket响应中,但未显示在已解决的promise中

6 年前

cmasri · vue test utils:如何在mounted()生命周期挂钩中测试逻辑(使用vuex)?

6 年前

EmacsVI · Vue good表格在填充后不会显示“emptystate”

6 年前

pirmax · VueJS-VueX和flash消息

6 年前