一、Pinia1、介绍 1、介绍 Pinia是Vue最新的状态管理工具，是Vuex的替代品 2、变化 2.1、去掉了modules和mutation，每一个store都是一个独立的模块 2.2、actions即可提供异步，又可提供同步，且可直接修改state数据 2.3、提供更加符合、组合式风格的API

Nuxt3-pinia环境下实现数据持久化1、安装yarnaddpinia@pinia/nuxt然后进行配置，修改nuxt.config.tsexportdefaultdefineNuxtConfig({devtools:{enabled:false},typescript:{shim:false},modules:['@pinia/nuxt',//+'@pinia-plugi

安装pnpmaddpinia创建一个pinia实例（根store）并将其传递给应用：import{createApp}from'vue'import{createPinia}from'pinia'importAppfrom'./App.vue'constpinia=createPinia()constapp=createApp(App)app.use(pinia)app.mount

文档：https://pinia.vuejs.org/zh/introduction.html1.引入pinnanpminstallpinia-S2.在src文件里面创建store文件article.js在main.js中引用pinnaimport{defineStore}from'pinia'//你可以对`defineStore()`的返回值进行任意命名，但最好使用store的名字，同时以

定义Store Store是用defineStore()定义的，它的第一个参数要求是一个独一无二的名字：import{defineStore}from'pinia'//你可以对`defineStore()`的返回值进行任意命名，但最好使用store的名字，同时以`use`开头且以`Store`结尾。(比如`useUserStore`，`useCartStore

Pinia是一个用于Vue的状态管理库，类似Vuex,是Vue的另一种状态管理方案三大核心：state（存储的值），getters（计算属性），actions也可支持同步（改变值的方法，支持同步和异步）npminstallpinia@nextoryarnaddpinia@next模块化封装创建实例新建store/index.ts（src目录下新建store

Pinia是Vue的最新状态管理工具，是Vuex的替代品Pinia的优势：1.提供更简单的API（去掉了mutation）2.提供符合组合式风格的API（和Vue3新语法统一）3.去掉了modules的概念，每一个store都是一个独立的模块4.配合TypeScript更加友好，提供可靠的类型推断 Pinia基本

认真学习前端打卡第8天9.271.定义storeimport{defineStore}from'pinia'exportconstuseNameStore=defineStore('alerts',{})//optionstore可以包含state,actions,getters;setupstore可以包含ref,computed,function；alert应用中store的唯一id2.npm（node包管理器）3.proxy代理4