【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 天前
让 JavaScript 更容易「善后」的新能力
前端·javascript·面试
掘金安东尼1 天前
用 HTMX 为 React Data Grid 加速实时更新
前端·javascript·面试
灵感__idea1 天前
Hello 算法:众里寻她千“百度”
前端·javascript·算法
袋鼠云数栈UED团队1 天前
基于 Lexical 实现变量输入编辑器
前端·javascript·架构
亦妤1 天前
JS执行机制、作用域及作用域链
javascript
SuperEugene1 天前
表单最佳实践:从 v-model 到自定义表单组件(含校验)
前端·javascript·vue.js
不会敲代码11 天前
React性能优化:深入理解useMemo和useCallback
前端·javascript·react.js
Mintopia1 天前
Vue3 项目如何迁移到 uni-app x:从纯 Web 到多端应用的系统指南
uni-app
YukiMori231 天前
一个有趣的原型继承实验:为什么“男人也会生孩子”?从对象赋值到构造函数继承的完整推演
前端·javascript
Mintopia1 天前
uni-app x 发展前景技术分析:跨端统一的新阶段?
uni-app