如何使Vue框架对Map或Set的变更进行响应式处理？

本文共计439个文字，预计阅读时间需要2分钟。

问题背景：我想在Vuex的state中使用map，这样可以方便地进行很多操作。例如，const state={ all: new Map() }; 这样的写法是没有问题的，不会报错，state.all可以像普通的Map一样使用。

但是，这里有一个疑问：

如何在使用map时保持state的响应性？

问题背景

我想在vuex的state中使用map，这样可以使很多操作变得方便

const state = { all: new Map() }

这样的写法是没有问题的，不会报错，state.all可以像正常的Map一样使用。

但是这里有一个问题，vue的响应式系统不支持Map和Set，也就是说，当Map与Set里面的元素变化时Vue追踪不到这些变化，因此无法做出响应。