参考网址： https://github.com/vuejs/rfcs/pull/271大致总结：支持选项式api和组合式api写法pinia没有mutations，只有：state、getters、actions可以模拟模块化import{defineStore}frompiniaimport{userStore}from@/store/userexportconstuseGlobalStore=defineStore(global,{state(){return{

一、安装使用Pinia1.1 安装下载yarnaddpinia#orwithnpmnpminstallpinia1.2 main.js引入import{createPinia}frompiniaapp.use(createPinia())1.3 根目录新建store/index.js中写入import{defineStore}frompiniaexportconstuseStore=defineStore(storeId,{state:()=>{return{

一、官网：https://pinia.web3doc.top/二、下载：npminstallpinia-S三、main.js引入import{createPinia}frompiniaapp.use(createPinia())四、新建目录：store/index.jsimport{defineStore}frompiniaexportconstuseStore=defineStore(storeId,{state:()=>{return{counter:0,}},gette

下载npm i pinia-plugin-persistedstatemain.js中import * as Pinia from pinia;import piniaPluginPersistedstate from pinia-plugin-persistedstateconst pinia = Pinia.createPinia()pinia.use(piniaPluginPersistedstate)export function&nbsp

参考网址： https://github.com/vuejs/rfcs/pull/271 大致总结：支持选项式api和组合式api写法pinia没有mutations，只有：state、getters、actionspinia分模块不需要modules（之前vuex分模块需要modules）TypeScript支持很好自动化代码拆分pinia体积更小（性能更好）

Pinia不需要像Vuex一样使用modules分模块，Pinia可在store目录中直接定义对应模块就可以了一、目录结构store/user.jsstore/shop.js...二、store/user.jsimport{defineStore}frompiniaexportconstuser=defineStore({id:user,state:()=>{return{userInfo:{nickName:章三},token:xfdfdsjk

一、安装插件npmipinia-plugin-persist--save二、store/index.jsimport{createPinia}frompiniaimportpiniaPluginPersistfrompinia-plugin-persistconststore=createPinia()store.use(piniaPluginPersist)exportdefaultstore三、store/user.jsexportconstuseUserStore=defineStore({id:user,s

使用的技术栈：&nbsp;vite&nbsp;+&nbsp;vue3&nbsp;+&nbsp;pinia&nbsp;做的项目：https://www.xuexiluxian.cn/一、创建项目npmcreatevite@latest<项目名称>二、安装router&nbsp;&nbsp;&nbsp;&nbsp;2.1npminstallvue-router@4-S&nbsp;&nbsp;&nbsp;&nbsp;2.2&nbsp;在src目录新建router/index.js  import{createRouter,createWebHistory}fr