如何在Vue setup()方法中访问Vuex存储？

Question

使用 setup() 方法时如何访问 Vue 中的

Vuex

存储？

我无法再访问常规的

this.$store

变量。

Answer 1

根据组合 API 文档，您必须使用以下语法：

import { computed } from 'vue' // If not already imported
import { useStore } from 'vuex'

export default {
  setup () {
    const store = useStore()

    return {
      // access a state in computed function
      count: computed(() => store.state.count),

      // access a getter in computed function
      double: computed(() => store.getters.double)
    }
  }
}