当前位置: 首页 > news >正文

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

http://www.lryc.cn/news/492975.html

相关文章:

  • Python双向链表、循环链表、栈
  • 5G基础学习笔记
  • Python plotly库介绍
  • go编程中yaml的inline应用
  • 手机实时提取SIM卡打电话的信令声音-智能拨号器的双SIM卡切换方案
  • 探索Python WebSocket新境界:picows库揭秘
  • 2024年11月24日Github流行趋势
  • NewStar CTF week5 Crypto wp
  • vue3+antd注册全局v-loading指令
  • 初试无监督学习 - K均值聚类算法
  • 捉虫笔记(七)-再探谁把系统卡住了
  • 【Linux课程学习】:《简易版shell实现和原理》 《哪些命令可以让子进程执行,哪些命令让shell执行(内键命令)?为什么?》
  • 2024年11月27日Github流行趋势
  • Java中的线程池使用详解
  • Redis(概念、IO模型、多路选择算法、安装和启停)
  • 计算机网络 第4章 网络层
  • Java学习笔记--继承方法的重写介绍,重写方法的注意事项,方法重写的使用场景,super和this
  • 高级java每日一道面试题-2024年11月27日-JVM篇-JVM的永久代中会发生垃圾回收么?
  • Spring Boot教程之十: 使用 Spring Boot 实现从数据库动态下拉列表
  • 基于混合ABC和A*算法复现
  • 狂野飙车8+(Asphalt 8+) for Mac 赛车竞速游戏 安装教程
  • 网络技术-VRRP(虚拟路由冗余协议)部署介绍
  • C语言解决空瓶换水问题:高效算法与实现
  • day2全局注册
  • 鸿蒙多线程应用-taskPool
  • 【失败经验】将算法模型封装为安卓应用
  • ABAP OOALV模板
  • YOLOv8-ultralytics-8.2.103部分代码阅读笔记-autobatch.py
  • SycoTec 4060 ER-S德国高精密主轴电机如何支持模具的自动化加工?
  • 部署 DeepSpeed以推理 defog/sqlcoder-70b-alpha 模型