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

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

相关推荐
梦想CAD控件4 分钟前
(VUE3集成CAD)在线CAD实现焊接符号自定义
前端·javascript·vue.js
白白白白桃乌龙15 分钟前
vue2 , el-select 多选树结构,可重名
前端·javascript·vue.js
夏之小星星18 分钟前
解决el-select选择框右侧下拉箭头遮挡文字问题
前端·vue.js·elementui
hbrown22 分钟前
Flask+LayUI开发手记(八):通用封面缩略图上传实现
javascript·flask·layui
xiaogg367822 分钟前
网站首页菜单两种布局vue+elementui顶部和左侧栏导航
前端·vue.js·elementui
神膘护体小月半23 分钟前
bug 记录 - 使用 el-dialog 的 before-close 的坑
前端·javascript·bug
wcjwdq24 分钟前
Lua和JS的继承原理
javascript·lua·脚本继承
SouthernWind28 分钟前
RAGFlow构建知识库和联网搜索对话平台:从零到一的完整开发指南
前端·javascript
香蕉可乐荷包蛋1 小时前
vue对axios的封装和使用
前端·javascript·vue.js·axios
QQ_hoverer1 小时前
前端使用 preview 插件预览docx文件
前端·javascript·layui·jquery