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的具体使用,请关注本博主~