安装官网yarnaddpinia#orwithnpmnpminstallpinia初始化Piniaimport{createPinia}from'pinia'constpinia=createPinia()pinia.use(SomePiniaPlugin)//给pinia装插件constapp=createApp(App)app.use(pinia)这里需要注意时间顺序：只有在调用app.use(pinia)之后才能调用useXxxStore()使用Store注意defineStore接受一个id，不同数据源的id必须是不同的不能将useCounter()的返回值解构，这会导致数据响应式的丢
官网直通车WhatisPinia？官网的介绍是：Pinia最初是在2019年11月左右重新设计使用CompositionAPI的VueStore的实验。从那时起，最初的原则仍然相同，但Pinia适用于Vue2和Vue3，并且不需要你使用组合API。除了安装和SSR之外，两者的API都是相同的，并且这些文档针对Vue3，并在必要时提供有关Vue2的注释，以便Vue2和Vue3用户可以阅读！我的理解是：Pinia是Vue.js的轻量级状态管理库，最近很受欢迎。它使用Vue3中的新反应系统来构建一个直观且完全类型化的状态管理库。Pinia的成功可以归功于其管理存储数据的独特功能（可扩展性、存储模块组
官网直通车WhatisPinia？官网的介绍是：Pinia最初是在2019年11月左右重新设计使用CompositionAPI的VueStore的实验。从那时起，最初的原则仍然相同，但Pinia适用于Vue2和Vue3，并且不需要你使用组合API。除了安装和SSR之外，两者的API都是相同的，并且这些文档针对Vue3，并在必要时提供有关Vue2的注释，以便Vue2和Vue3用户可以阅读！我的理解是：Pinia是Vue.js的轻量级状态管理库，最近很受欢迎。它使用Vue3中的新反应系统来构建一个直观且完全类型化的状态管理库。Pinia的成功可以归功于其管理存储数据的独特功能（可扩展性、存储模块组
现在进入页面开发，组件库选择ElementPlus，考虑到前端写样式每个人的写法都不同，这样维护起来也是比较麻烦的，所以选择Tailwindcss，这样开发过程不用去想很多的类名，不用再去写css代码element-plus按需引入yarnaddunplugin-vue-components--save-dev//vite.config.tsimport{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importAutoImportfrom'unplugin-auto-import/vite'importComponentsfr
现在进入页面开发，组件库选择ElementPlus，考虑到前端写样式每个人的写法都不同，这样维护起来也是比较麻烦的，所以选择Tailwindcss，这样开发过程不用去想很多的类名，不用再去写css代码element-plus按需引入yarnaddunplugin-vue-components--save-dev//vite.config.tsimport{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importAutoImportfrom'unplugin-auto-import/vite'importComponentsfr
Pinia优势Pinia是一个全新的Vue状态管理库，是Vuex的代替者，尤雨溪强势推荐1.Vue2和Vue3都能支持2.抛弃传统的Mutation，只有state,getter和action，简化状态管理库3.不需要嵌套模块，符合Vue3的Compositionapi，让代码扁平化4.TypeScript支持Pinia基本使用初始化项目：npminitvite@latest安装Pinia:npmipinia挂载Piniaimport{createPinia}from'pinia'constpinia=createPinia()createApp(App).use(pinia)创建Storei
Pinia优势Pinia是一个全新的Vue状态管理库，是Vuex的代替者，尤雨溪强势推荐1.Vue2和Vue3都能支持2.抛弃传统的Mutation，只有state,getter和action，简化状态管理库3.不需要嵌套模块，符合Vue3的Compositionapi，让代码扁平化4.TypeScript支持Pinia基本使用初始化项目：npminitvite@latest安装Pinia:npmipinia挂载Piniaimport{createPinia}from'pinia'constpinia=createPinia()createApp(App).use(pinia)创建Storei
1.什么是Pinia？1.pinia和vuex具有相同的功效，是Vue的存储库，它允许您跨组件/页面共享状态。2.设计使用的是Compositionapi，更符合vue3的设计思维。3.Pinia对Vue2和Vue3都有效，并且不需要您使用组合API。2.Pinia的使用2.1Pinia的安装在安装Pinia的时候可以使用yarn也可以使用npmyarnaddpinia#或者使用npmnpminstallpinia2.2Pinia的引入一般我们在做项目的时候，都会在main.js或者main.ts中引入。vue3中引入的使用import{createApp}from'vue'importApp
1.什么是Pinia？1.pinia和vuex具有相同的功效，是Vue的存储库，它允许您跨组件/页面共享状态。2.设计使用的是Compositionapi，更符合vue3的设计思维。3.Pinia对Vue2和Vue3都有效，并且不需要您使用组合API。2.Pinia的使用2.1Pinia的安装在安装Pinia的时候可以使用yarn也可以使用npmyarnaddpinia#或者使用npmnpminstallpinia2.2Pinia的引入一般我们在做项目的时候，都会在main.js或者main.ts中引入。vue3中引入的使用import{createApp}from'vue'importApp
Pinia优势Pinia是一个全新的Vue状态管理库，是Vuex的代替者，尤雨溪强势推荐Vue2和Vue3都能支持抛弃传统的Mutation，只有state,getter和action，简化状态管理库不需要嵌套模块，符合Vue3的Compositionapi，让代码扁平化TypeScript支持代码简介，很好的代码自动分割Pinia基本使用初始化项目：npminitvite@latest安装Pinia:npmipinia挂载Piniaimage.png创建Storeimage.png使用Storeimage.png解构store当store中的多个参数需要被使用到的时候，为了更简洁的使用这些变
