替代Vuex的全局状态管理工具,官网=>
使用pinia好处多多:同时支持Vue3 和 Vue2,体积极小,压缩后的体积只有1kb上下,完整的 ts 的支持,代码扁平化没有模块嵌套,只有 store 的概念,store 之间可以自由使用,每一个store都是独立的,无需手动添加 store,store 一旦创建便会自动添加;去除了 mutations,只有 state,getters,actions;且actions 支持同步和异步;
第一步:安装
yarn add pinia
// 或
npm install pinia
第二步:在main.ts文件中引入
import { createApp } from 'vue'
import App from './App.vue'
import {createPinia} from 'pinia'
// 由于它是一个hook,所以要调用一下
const store = createPinia()
let app = createApp(App)
app.use(store) // 注册一下pinia插件
app.mount('#app')