Vue如何响应Map或Set的任意变化操作？

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

问题背景：我想在Vuex的state中使用map，这样可以使得很多操作变得方便。我使用如下方式：

javascriptconst state={ all: new Map()}

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

但这里有一个疑问：

如何处理map中的数据结构，以便在组件中能够方便地访问和修改这些数据？

问题背景

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

const state = { all: new Map() }

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

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