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

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

相关推荐
靠近彗星20 分钟前
基于 Vue + Django + MySQL 实现个人博客/CMS系统
前端·vue.js·python·mysql·django
学吧别真挂了1 小时前
正则表达式从入门到飞升:覆盖90%前端场景的秘籍
前端·javascript·正则表达式
森叶1 小时前
利用 Chrome devTools Source Override 实现JS逆向破解案例
前端·javascript·chrome devtools
青青河边草1 小时前
从Vue.js的角度探索高效渲染策略
vue.js
市民中心的蟋蟀1 小时前
第四章: 使用订阅来共享模块状态
前端·javascript·react.js
wangpq1 小时前
微信小程序中封装天爱验证码
前端·vue.js
1_2_3_1 小时前
js 空值合并操作符(??)
javascript
Jelian_1 小时前
单点登录(SSO)实战:基于Vue与Spring Boot的深度实现
前端·vue.js·spring boot
only-lucky1 小时前
QT之QML(简单示例)
前端·javascript·qt
巴巴博一1 小时前
Vue Transition组件类名+TailwindCSS
前端·javascript·vue.js