import{ createPinia }from'pinia'import piniaPluginPersist from'pinia-plugin-persist'const store =createPinia()
store.use(piniaPluginPersist)exportdefault store
将store/index.js引入到main.js
import{ createApp }from'vue'import App from'./App.vue'import store from'@/store'const app =createApp(App)
app.use(store)
pinia分模块-store/user.js
import{ defineStore }from'pinia'import{logout}from'@/utils/user.js'exportconst user =defineStore('user',{// 为了完整类型推理,推荐使用箭头函数state:()=>{return{count:0,token:''}},getters:{countPer(){returnthis.count+=100}},actions:{setToken(data){this.token=data
},userLogout(){logout().then(res=>{this.token=''
localStorage.removeItem('token')})}},// 开启数据缓存persist:{enabled:true,strategies:[{//数据默认存储在localStorage中,key为tokenkey:'token',storage:localStorage,paths:['token']}]}})