Vuex/Vue：如何深入观察映射状态？

Question

我正在将映射状态导入组件：

...mapState('data/story', {
  fullStories: 'stories',
}),

这将为fullStories 提供状态stories 的值，它是一个对象。

一个例子是：this.fullStories = { storyName: "Blah Blah", isActive: false };

我正在尝试在isActive 上使用watch，这是fullStories 的一个属性。我该怎么做呢？

Answer 1

你可以试试：

...mapState('data/story', {
  isActive: (state) => state.fullStories.isActive
})

或者你可以创建 vuex getter 从 store 对象中获取 isActive