vue3调用仓库的方法

在 Vue3 中调用仓库的方法，通常需要先安装 Vuex（Vue 的状态管理工具）。安装 Vuex 后，你可以在组件中使用 `$store` 来访问仓库。

以下是一个简单的例子：

1. 创建 Vuex 仓库

import { createStore } from 'vuex'

const store = createStore({
  state: {
    count: 0
  },
  mutations: {
    increment(state) {
      state.count++
    }
  }
})

2. 在组件中使用 `$store`

<template>
  <div>
    <p>Count: {{ count }}</p>
    <button @click="increment">Increment</button>
  </div>
</template>

<script>
export default {
  computed: {
    count() {
      return this.$store.state.count
    }
  },
  methods: {
    increment() {
      this.$store.commit('increment')
    }
  }
}
</script>

在上面的示例中，我们通过 `$store.state.count` 访问仓库中的状态，并使用 `$store.commit('increment')` 调用 `increment` mutation 来改变状态。