安溪住房和城乡建设网站,关岭县建设局网站,自助建站申请,南阳建设工程信息网站欢迎来到“雪碧聊技术”CSDN博客#xff01; 在这里#xff0c;您将踏入一个专注于Java开发技术的知识殿堂。无论您是Java编程的初学者#xff0c;还是具有一定经验的开发者#xff0c;相信我的博客都能为您提供宝贵的学习资源和实用技巧。作为您的技术向导#xff0c;我将… 欢迎来到“雪碧聊技术”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 vuelatest
然后依次输入新项目的各种信息 ②使用vscode打开该项目 ③在控制台输入如下命令安装基本依赖
# 下面的i就是install安装的意思会安装vue项目的基本依赖
npm i
④输入如下命令尝试运行该空项目查看是否可行
npm run dev 3、第三步按照官方文档安装pinia到项目中
①运行下面的指令下载pinia依赖
# 下载pinia的依赖到项目中
npm install pinia②编辑main.js文件添加pinia到项目中 以上全部都是固定写法用的时候回来看看就行。 结语
以上就是在vue项目中下载、安装引入pinia的全部过程。
整个过程是固定的忘记的时候就可以回来查看。
想了解pinia的具体使用请关注本博主~
