Pinia 相比 Vuex 更简洁其核心优势在于天然的 TypeScript 支持和 Composition API 风格。重点难点store 实例化机制defineStore 返回函数而非直接对象响应式状态管理状态变更的追踪和更新机制插件扩展机制如何开发和使用 Pinia 插件// Store 定义import{defineStore}frompiniaexportconstuseUserStoredefineStore(user,{state:()({profile:null,permissions:[]}),// 计算属性getters:{isLoggedIn:(state)!!state.profile,hasPermission:(state)(permission){returnstate.permissions.includes(permission)}},// 异步操作actions:{asynclogin(credentials){try{constresponseawaitapi.login(credentials)this.profileresponse.data.userthis.permissionsresponse.data.permissions}catch(error){// 错误处理throwerror}}},// 持久化配置persist:{key:user-store,storage:localStorage}})