【Uniapp-Vue3】在uniapp中使用pinia的基本用法

引入pinia:

在main.js中对pinia进行引入,使用和导出

import * as Pinia from 'pinia'; // 引入pinia

app.use(Pinia.createPinia()); // 使用pinia

在项目根目录下创建一个stores文件夹,里面创建一个counter.js文件

我们在counter.js中定义两个变量和一个函数,并进行导出

在需要使用的地方引入pinia,并使用函数接受导出的对象

import {useCounterStore} from "@/stores/counter.js"; // 导入pinia

let counterStore = useCounterStore(); // 获取导出对象

我们可以直接当做正常的变量去使用

相关推荐
夏殇之殁6 小时前
包中创建自定义列表项。 . 使用自定义列表项进行数据绑定 . 将天气预报数据保存到本地内存表,通过LiveBindings进行显示。 ...
服务器·前端·javascript
新中地GIS开发老师7 小时前
WebGIS开发学生作品|低空航天管理与航线规划系统
前端·javascript·webgis·三维gis开发
丙氨酸長鏈7 小时前
Web前端入门第 问:JavaScript 一个简单的 IndexedDB 数据库入门示例
前端·javascript·数据库
kyriewen8 小时前
面试官让我手写虚拟列表——AI生成的版本,快速滚动几下就白屏了
前端·javascript·面试
林焱_RPAAI9 小时前
影刀RPA技术深度:CSS选择器高级实战指南——伪类属性选择器与性能对比完全解析
vue.js·react.js
许彰午11 小时前
政务督办的分合模式:主办协办的并发审批
前端·javascript·政务
陳陈陳11 小时前
🚀 前端流式输出革命:SSE + BFF 架构从零到一实战指南
vue.js·架构·node.js
易筋紫容11 小时前
创建型模式:对象的诞生艺术
开发语言·前端·javascript
0_Error_13 小时前
猫国建设者 修改资源 自动采集
javascript
贩卖黄昏的熊13 小时前
NestJS简明教程——安全
开发语言·javascript·安全·typescript·nest.js