Vue合成API商店

Question

我想知道新的Vue合成API是否可以将所有ref()存储在一个大对象中，并使用它代替vuex存储。肯定会消除对mutations，actions等的需求，而且可能还会更快。

因此，简而言之，是否可能有一个地方可以存储在不同组件之间共享相同状态的反应性？

我知道有可能在不同组件之间共享可重用的代码或功能。但是我相信它们总是实例化一个新对象。如果它们将依赖于一个特定对象的单一真相来源，那就太好了。也许我正在把事情混在一起...

Answer 1

您可以使用reactive代替ref。

例如。

• 您可以使用

    export const rctStore = reactive({
      loading: false,
      list: [],
      messages: []
    })

• 代替

    export const loading = ref(false)
    export const list = ref([])
    export const messages = ref([])

干杯！