pinia的使用

一，安装

yarn add pinia
# 或者使用 npm
npm install pinia

二，在main.ts中增加

2.1 创建一个 pinia（根存储）并将其传递给应用程序：

import { createApp } from 'vue'
import { createPinia } from 'pinia'
import App from './App.vue'
const pinia = createPinia();
const app = createApp(App)
app.use(pinia)
app.mount('#app')

 

三，在 src 文件夹下新增 store 文件夹,接在在 store 中新增 main.ts

import { defineStore } from 'pinia'
export const useMainStore = defineStore({
  id: 'main',
  state: () =>({
    name: '超级管理员'
  })
})

  Store 是使用 defineStore() 定义的，并且它需要一个唯一名称，作为第一个参数传递。