vue3中pinia的使用

CHENLING302

已于 2024-06-20 17:24:48 修改

阅读量188

点赞数 2

文章标签： vue.js 前端 javascript

于 2024-06-20 17:20:14 首次发布

本文链接：https://blog.csdn.net/weixin_61001537/article/details/139836872

版权

①先安装pinia

npm install pinia

安装成功之后package.json文件显示

在main.ts中使用

import { createPinia } from "pinia";

// 创建pinia 实例
const pinia = createPinia();

app.use(pinia)

src下新建一个文件夹命名store,建立一个user.js,具体如下图：

在项目当中使用，具体如下：

import { userStore } from "@/store/user.js";
//totalEnergy.user文件中的属性可以拿到user文件的所有属性，会得到ref响应式数据
const totalEnergy = useEnergyStatisticsStore();
const navArray = totalEnergy.list;//拿到user文件中list数组的值
//也可以通过解构的方式
const { list } = storeToRefs(totalEnergy);
const navList = list.value;//拿到user文件中list数组的值