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

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

相关推荐
默_笙1 小时前
🛬 我让 AI 帮我写了一个打飞机游戏,结果 Canvas 把我整不会了
前端·javascript
梯度不陡1 小时前
AI 到底能不能从零写软件?ProgramBench 和 RepoZero 给出了两种答案
前端·javascript·面试
胡萝卜术3 小时前
滑动窗口最大值:从暴力到单调队列,层层优化全解析
前端·javascript·面试
kyriewen4 小时前
2026 年了,这 6 个 npm 包可以卸载了——浏览器原生 API 已经能替代
前端·javascript·npm
铁皮饭盒5 小时前
bun直接tsx,优雅!
javascript·后端
假如让我当三天老蒯7 小时前
Options API(选项式 API) 和 Composition API(组合式 API)
前端·vue.js·面试
_柳青杨7 小时前
一文吃透 Node.js 事件循环:从原理到 Node 20+ 重大变更
javascript·后端
JieE21218 小时前
LeetCode 101. 对称二叉树|JS 递归 + 迭代双解法,彻底搞懂镜像判断
javascript·算法
冬奇Lab20 小时前
AI Workflow 定义的四次演进:从 Markdown 到 JS 脚本,再到分布式多 Agent
javascript·人工智能·agent
一颗烂土豆1 天前
Meshopt 压缩深度解析,为什么它比 Draco 更快
前端·javascript·webgl