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([])

干杯！