vite2 + Vue3中 使用 pinia

pinia中使用要比Vuex简单。Vuex中有state、mutations、getters、actions、modules五种， 而 pinia中只有state、getters、actions。写法上有些不同。还是相对Vuex简单的

安装

yarn add pinia
# or with npm
npm install pinia

main.js

import { createApp } from 'vue'
import App from './App.vue'
import { createPinia } from 'pinia'

const pinia = createPinia()

createApp(App)
.use(pinia)
.mount('#app')

在src下新建store/index.js

因为没有Vuex中的modules了，其实这个新建的index.js就相当于是一个模块了 ,有其他模块 可以继续创建，只要为每个模块指定唯一的ID就可以了（就是defineStore中第一个参数）

import { defineStore } from &#