uni-app pinia搭建

在这里插入图片描述

1.新建store文件
新建index.js,代码:

// import {
// 	createPinia
// } from 'pinia'
//const store = createPinia()
import * as Pinia from 'pinia'
const pinia = Pinia.createPinia()  

export * from "./modules/user"
export * from "./modules/me"
export * from "./modules/order"
export * from "./modules/socket"
export default pinia

2.在mian.js 加上代码
这个能在vue和nvue文件上执行

import {
	createSSRApp
} from 'vue'
import * as Pinia from "pinia";
import pinias from "@/store";
export function createApp() {
	const app = createSSRApp(App)
	const store = Pinia.createPinia();
	app.use(pinias);
	app.use(store);
	return {
		app,
		Pinia
	}
}

这个只能在vue文件执行

import {
	createSSRApp
} from 'vue'
import pinia from "@/store";
export function createApp() {
	const app = createSSRApp(App)
	app.use(pinia);
	return {
		app,
		Pinia
	}
}

页面调用

import {
	useUserStore
} from "@/store/index.js"
const userStore  = useUserStore()
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值