1.下载pinia
npm install pinia
2.下载持久化存储插件
npm i pinia-plugin-persist --save
2.在src下创建一个store文件夹,在store文件夹下创建index.ts
import {createPinia} from 'pinia'
// 引入pinia的持久化存储插件
import piniaPluginPersist from 'pinia-plugin-persist';
const pinia = createPinia()
//使用持久化插件
pinia.use(piniaPluginPersist)
export default pinia
3.在store文件夹下新建一个test.ts文件,里面就是你要是用的了
//引入pinia
import {defineStore } from 'pinia'
import axios from 'axios'
// 这个main是随便定义的标识
export const useMainStore = defineStore('main',{
state:()=>{
return{
count:10,
list:[
{name:'张三',age:18},
{name:'李四',age:28},
],
actionList:[],
}
},
getters:{
// 计算年龄
sum:(state)=>{
return state.list.reduce((pre,item)=>{