如何从Vue2.7中的设置导出反应性Vuex状态

Question

这里有一个复制链接：https://stackblitz.com/edit/node-c6mn17?file=src/components/Test.vue

我希望能够使用Vue 2.7中的设置使用该商店的反应状态。

我使用export const store = new Vuex.Store({ ... })导出Vuex商店

这两个都失败了：

const count1 = store.state.count;
const count2 = ref(store.state.count);

将存储导出为函数时也不起作用：export const useStore = () => store和执行useStore().state ...

Answer 1

使用computed:

import { computed } from "vue"
const count2 = computed(() => store.state.count);

Answer 2

或toRef/toRefs

const { count } = toRefs(store.state);
const count1 = toRef(store.state, "count");

Stacklitz