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

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

相关推荐
小奋斗31 分钟前
深入浅出:JavaScript中防抖与节流详解
javascript·面试
Wcy307651906631 分钟前
web前端第二次作业
前端·javascript·css
iOS阿玮40 分钟前
三年期已满,你的产品不再更新将于90天后下架。
uni-app·app·apple
艾小码1 小时前
JavaScript 排序完全指南:从基础到高阶实战
前端·javascript·排序算法
柯南95271 小时前
Vue 3 响应式系统源码解析
vue.js
Zestia1 小时前
页面点击跳转源代码?——element-jumper插件实现
前端·javascript
PineappleCoder1 小时前
大小写 + 标点全搞定!JS 如何精准统计单词频率?
前端·javascript·算法
KasukabeTsumugi1 小时前
TypeScript:联合类型可以转化为元组类型吗?数组如何用联合类型逐项约束?
javascript
文艺理科生1 小时前
Nuxt.js入门指南-Vue生态下的高效渲染技术
前端·vue.js·nuxt.js
夏小花花2 小时前
vue3 ref和reactive的区别和使用场景
前端·javascript·vue.js·typescript