vue状态管理工具

一、Pinia简介和五大优势

Pinia 是 Vue.js 的轻量级状态管理库,官方网站：https://pinia.vuejs.org。

Pinia是vue生态里Vuex的替代者，一个全新的vue状态管理库。在Vue3成为正式版以后，尤雨溪强势推荐的项目就是Pinia。
那先来看看Pinia比Vuex好的地方，也就是Pinia的五大优势。

1. 可以对Vue2和Vue3做到很好的支持，也就是老项目也可以使用Pinia。
2. 抛弃了Mutations的操作，只有state、getters和actions.极大的简化了状态管理库的使用，让代码编写更加容易直观。
3. 不需要嵌套模块，符合Vue3的Composition api ，让代码更加扁平化。
4. 完整的TypeScript支持。Vue3版本的一大优势就是对TypeScript的支持，所以Pinia也做到了完整的支持。如果你对Vuex很熟悉的化，一定知道Vuex对TS的语法支持不是完整的（经常被吐槽）。
5. 代码更加简洁，可以实现很好的代码自动分割。Vue2的时代，写代码需要来回翻滚屏幕屏幕找变量，非常的麻烦，Vue3的Composition api完美了解决这个问题。 可以实现代码自动分割，pinia也同样继承了这个优点。

二、Pinia开发环境安装

pinia的安装指令：npm i pinia

如果通过以下步骤创建的vue项目就已经默认安装了pinia：

 1、执行命令 npx nrm use taobao  (npm的镜像服务器切换到国内的淘宝镜像，一台电脑执行一次即可)
 2、npx create-vue vue-test 创建vue-test项目
 3、cd vue-t