一、Vue3全局状态管理pinia的安装

替代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')