Vue3 使用存储库Pinia(创建)

Pinia是Vue3官方推荐的状态管理库,替代了Vuex,提供简洁的API和组合式风格。它使得在大型项目中管理复杂状态更加方便,支持父传子、子传父以及跨组件通信。安装Pinia后,可通过创建store文件来定义和使用状态。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前言

使用vue编写项目时,经常用到组件传值,比如父传子、子传父、跨组件传值等,如果项目体量不大的情况这种方式完全够用,但如果项目大,内容丰富,那我们就需要用到状态管理工具——Pinia 官方文档

一、什么是Pinia

vue2中使用的状态存储工具是Vuex,在Vue3中官方推荐的是Pinia,Pinia就是一个实现需求上的状态管理库,由 Vue 核心团队维护,对 Vue 2 和 Vue 3 都可用。

二、为什么使用Pinia

相比于 Vuex,Pinia 提供了更简洁直接的 API,提供了组合式风格的 API,并且是官方推荐的

三、安装

npm install pinia
# 或者使用 yarn
yarn add pinia

四、使用

  1. 新建store文件,名字自定义
    在这里插入图片描述
  2. store,js引入Pinia
import { defineStore } from "pinia";
export const useStore = defineStore('main', {
   ...
})
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值