前言 【uniapp微信小程序系列】将持续更新分享使用uniapp开发小程序的干货文章。本篇文章是从0搭建uniapp项目，如果是个人项目或者公司无代码规范等，可以参考本篇vue3+ts+vite+pinia搭建项目，如果有规范要求，或者想接入规范，那么本篇文章将从0搭建vue3+ts+vite+pinia项目,并接入代码规范eslint+prettier，及代码提交钩子husky配置。一.创建项目 uniapp官网提供了多个版本下载方式，这里我们选择Vue3/Vite版，创建以typescript开发的工程：npxdegitdcloudio/uni-preset-vue#
一：Pinia简介和五大优势Pinia是vue生态里Vuex的替代者，一个全新的vue状态管理库。在Vue3成为正式版以后，尤雨溪强势推荐的项目就是Pinia。那先来看看Pinia比Vuex好的地方，也就是Pinia的五大优势。可以对Vue2和Vue3做到很好的支持，也就是老项目也可以使用Pinia。抛弃了Mutations的操作，只有state、getters和actions.极大的简化了状态管理库的使用，让代码编写更加容易直观。不需要嵌套模块，符合Vue3的Compositionapi，让代码更加扁平化。完整的TypeScript支持。Vue3版本的一大优势就是对TypeScript的支持
一：Pinia简介和五大优势Pinia是vue生态里Vuex的替代者，一个全新的vue状态管理库。在Vue3成为正式版以后，尤雨溪强势推荐的项目就是Pinia。那先来看看Pinia比Vuex好的地方，也就是Pinia的五大优势。可以对Vue2和Vue3做到很好的支持，也就是老项目也可以使用Pinia。抛弃了Mutations的操作，只有state、getters和actions.极大的简化了状态管理库的使用，让代码编写更加容易直观。不需要嵌套模块，符合Vue3的Compositionapi，让代码更加扁平化。完整的TypeScript支持。Vue3版本的一大优势就是对TypeScript的支持
💂个人网站:【海拥】【摸鱼游戏】【神级源码资源网】🤟前端学习课程：👉【28个案例趣学前端】【400个JS面试题】💅想寻找共同学习交流、摸鱼划水的小伙伴，请点击【摸鱼学习交流群】目录Pinia和Vuex简介什么是Pinia？什么是Vuex？Pinia的特点模块化设计完整的开发工具支持Pinia很直观Pinia是可扩展的TypeScript支持Pinia轻量的Vuex的特点模块开发工具支持热重载TypeScript支持Pinia和Vuex的代码对比Pinia和Vuex的优缺点Pinia的优点Pinia的缺点Vuex的优点Vuex的缺点我应该使用哪个：Pinia还是Vuex？结论⭐️好书推荐Vuex
💂个人网站:【海拥】【摸鱼游戏】【神级源码资源网】🤟前端学习课程：👉【28个案例趣学前端】【400个JS面试题】💅想寻找共同学习交流、摸鱼划水的小伙伴，请点击【摸鱼学习交流群】目录Pinia和Vuex简介什么是Pinia？什么是Vuex？Pinia的特点模块化设计完整的开发工具支持Pinia很直观Pinia是可扩展的TypeScript支持Pinia轻量的Vuex的特点模块开发工具支持热重载TypeScript支持Pinia和Vuex的代码对比Pinia和Vuex的优缺点Pinia的优点Pinia的缺点Vuex的优点Vuex的缺点我应该使用哪个：Pinia还是Vuex？结论⭐️好书推荐Vuex
一、Pinia概述Pinia开始于大概2019年，最初作为一个实验为Vue重新设计状态管理，让它用起来像组合API。Pinia本质上依然是一个状态管理的库，用于跨组件、页面进行状态共享（这点和Vuex、Redux一样）。Pinia（发音为/piːnjʌ/，如英语中的peenya）是最接近piña（西班牙语中的菠萝）的词。这可能也是Pinia的图标是一个菠萝的原因。二、Pinia和Vuex的区别Pinia最初是为了探索Vuex的下一次迭代会是什么样子，结合了Vuex5核心团队讨论中的许多想法。最终，团队意识到Pinia已经实现了Vuex5中大部分内容，所以最终决定用Pinia来替代Vuex。和V
一、Pinia概述Pinia开始于大概2019年，最初作为一个实验为Vue重新设计状态管理，让它用起来像组合API。Pinia本质上依然是一个状态管理的库，用于跨组件、页面进行状态共享（这点和Vuex、Redux一样）。Pinia（发音为/piːnjʌ/，如英语中的peenya）是最接近piña（西班牙语中的菠萝）的词。这可能也是Pinia的图标是一个菠萝的原因。二、Pinia和Vuex的区别Pinia最初是为了探索Vuex的下一次迭代会是什么样子，结合了Vuex5核心团队讨论中的许多想法。最终，团队意识到Pinia已经实现了Vuex5中大部分内容，所以最终决定用Pinia来替代Vuex。和V
pinia刷新数据持久化解决方案无论是使用vuex还是pinia都会面临一个问题：页面刷新，状态数据丢失的问题；为了解决数据状态持久化问题，可以考虑使用插件pinia-plugin-persistedstate目录安装pinia并引入使用npminstallpinia安装后,创建stores文件夹，stores文件夹下创建index.js(里面具体代码见下面配置)；然后在src/mian.js中引入并使用piniaimport{createApp}from'vue'importAppfrom'./App.vue'importstorefrom'./stores'import'./assets/
pinia刷新数据持久化解决方案无论是使用vuex还是pinia都会面临一个问题：页面刷新，状态数据丢失的问题；为了解决数据状态持久化问题，可以考虑使用插件pinia-plugin-persistedstate目录安装pinia并引入使用npminstallpinia安装后,创建stores文件夹，stores文件夹下创建index.js(里面具体代码见下面配置)；然后在src/mian.js中引入并使用piniaimport{createApp}from'vue'importAppfrom'./App.vue'importstorefrom'./stores'import'./assets/
StoreStore是保存状态(state)和业务逻辑的实体,store不应该与我们的组件绑定.换句话说,store就是全局状态.store有三个关键概念,分别是state,getters和actions,这与Vue组件中的data,computed和methods是相对应的概念.定义store通过defineStore函数定义store.defineStore接收两个参数id:唯一的标识,string类型.Pinia使用id与开发者工具建立联系.第二个参数可以是一个函数,也可以是一个对象.defineStore返回一个函数,一般约定将返回值命名为use....第二个参数:对象类型如果要传入对
