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

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

相关推荐
风无雨10 分钟前
vite react 项目打包报错处理
前端·vue.js·react.js
灬ManongLai42 分钟前
Vue3 + Vite + TS,使用 配置项目别名属性:resolve
前端·javascript·vite·resolve·配置别名
一蓑烟雨,一任平生1 小时前
Node.js快速总结
javascript·node.js
浪九天1 小时前
Node.js 中 fs 模块的高级用法
前端·javascript·node.js
efvv1 小时前
使用CSS3DRenderer/CSS2DRenderer给模型上面添加html标签
前端·javascript·webgl·threejs
IT、木易2 小时前
大白话Vue 双向数据绑定的实现原理与数据劫持技术
前端·javascript·vue.js
我吃西红柿112 小时前
Docker(Nginx)部署Vue
vue.js·nginx·docker
小刘不知道叫啥3 小时前
React 源码揭秘 | hooks原理
前端·javascript·react.js
劲雨波4 小时前
如何禁用uniapp,vue页面下拉刷新功能
前端·vue.js·uni-app
香菜的开发日记4 小时前
uni-app 系统学习,从入门到实战(二)—— 项目结构解析
uni-app