Pinia之1：介绍Pinia、项目中引入Pinia

欢迎来到“雪碧聊技术”CSDN博客！

在这里，您将踏入一个专注于Java开发技术的知识殿堂。无论您是Java编程的初学者，还是具有一定经验的开发者，相信我的博客都能为您提供宝贵的学习资源和实用技巧。作为您的技术向导，我将不断探索Java的深邃世界，分享最新的技术动态、实战经验以及项目心得。

让我们一同在Java的广阔天地中遨游，携手提升技术能力，共创美好未来！感谢您的关注与支持，期待在“雪碧聊技术”与您共同成长！

目录

一、Pinia介绍

1、什么是Pinia？

2、Pinia有什么优点？

二、添加pinia到vue项目中

1、第一步：使用create-vue创建空的新vue项目

①找一个目录，输入cmd进入控制台，然后输入下面的命令

②使用vscode，打开该项目

③在控制台，输入如下命令，安装基本依赖

④输入如下命令，尝试运行该空项目，查看是否可行

3、第三步：按照官方文档，安装pinia到项目中

①运行下面的指令，下载pinia依赖

②编辑main.js文件，添加pinia到项目中

结语

---

一、Pinia介绍

1、什么是Pinia？

        Pinia是Vue的专属的状态管理库。

        是Vuex状态管理工具的替代品（Vue3开始，要使用pinia，而vuex可以直接淘汰了）。

2、Pinia有什么优点？

①提供了更加简单的API。（去掉了mutation）

②提供符合组合式风格的API（和vue3新语法统一）

③去掉了modules的概念，每一个store都是一个独立的模块

④搭配TypeScript一起使用，提供可靠的类型推断

二、添加pinia到vue项目中

1、第一步：使用create-vue创建空的新vue项目

①找一个目录，输入cmd进入控制台，然后输入下面的命令

# 创建一个最新版本的vue项目
npm init vue@latest

然后依次输入新项目的各种信息：

②使用vscode，打开该项目

③在控制台，输入如下命令，安装基本依赖

# 下面的i，就是install安装的意思，会安装vue项目的基本依赖
npm i

④输入如下命令，尝试运行该空项目，查看是否可行

npm run dev

3、第三步：按照官方文档，安装pinia到项目中

①运行下面的指令，下载pinia依赖

# 下载pinia的依赖到项目中
npm install pinia

②编辑main.js文件，添加pinia到项目中

以上全部都是固定写法，用的时候回来看看就行。

结语

以上就是在vue项目中，下载、安装（引入）pinia的全部过程。

整个过程是固定的，忘记的时候，就可以回来查看。

想了解pinia的具体使用，请关注本博主~