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

【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();  // 获取导出对象

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

相关文章:

  • Linux:理解O(1)调度算法的设计精髓
  • 设计模式|结构型模式总结
  • vscode 版本
  • Vscode无法加载文件,因为在此系统上禁止运行脚本
  • 大语言模型学习路径与开源模型推荐
  • 【第六节】C++设计模式(结构型模式)-Bridge(桥接)模式
  • SGLang中context-length参数的默认值来源解析
  • 【Python修仙编程】(二) Python3灵源初探(2)
  • 代码异常(js中forEach)NO.3
  • 基于无人机遥感的烟株提取和计数研究
  • EX_25/2/24
  • 【ISP】畸变校正 LDC
  • Ubuntu 下 nginx-1.24.0 源码分析 - ngx_set_inherited_sockets
  • DeepSeek回答:AI时代Go语言学习路线
  • 神卓 S500 组网设备连接交换机的详细步骤
  • 从零开始玩转TensorFlow:小明的机器学习故事 6
  • 鸿蒙ArkTs如何实现pdf预览功能?
  • Spring 源码硬核解析系列专题(五):Spring Boot 自动装配的原理
  • MySQL 中表和视图的关系
  • React进阶之前端业务Hooks库(三)
  • 减重人生|吃得越少越好?比体重秤上的数字,更有意义的是什么?
  • 俄美元首通话超2小时,普京称愿与乌方共同起草和平备忘录
  • 申伟强任上海申通地铁集团有限公司副总裁
  • 陈龙带你观察上海生物多样性,纪录片《我的城市邻居》明播出
  • 博物馆书单|走进博物馆,去体验一场与文明的对话
  • 菲律宾中期选举结果揭晓,马科斯与杜特尔特家族重回“权力的游戏”