unapp vue3 存数据到 store

如果你想在Vue 3中将数据存储到Vuex store中，你需要执行以下步骤：

1. 安装Vuex库：你需要使用npm或yarn来安装Vuex库。你可以使用以下命令来安装Vuex：

npm install vuex --save

yarn add vuex

2. 创建store：你需要在你的Vue项目中创建一个store.js文件，并且在该文件中创建一个Vuex store。下面是一个简单的示例：

import { createStore } from 'vuex'

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

export default store

在上面的示例中，我们创建了一个名为`count`的状态，并且创建了一个名为`increment`的mutation，它允许我们增加状态中的计数器。

3. 在Vue组件中使用store：你可以在Vue组件中使用`useStore`函数来访问store，然后使用`mapState`或`mapMutations`辅助函数来访问或更新store中的数据。下面是一个简单的示例：

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

<script>
import { useStore } from 'vuex'
import { mapState, mapMutations } from 'vuex'

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

    return {
      ...mapState(['count']),
      ...mapMutations(['increment'])
    }
  }
}
</script>

在上面的示例中，我们使用了`useStore`函数来获取store实例，并使用`mapState`和`mapMutations`函数来访问和更新store中的数据。

这就是将数据存储到Vuex store中的基本步骤。希望这可以帮助你。