（十二）store 之间互相访问
（十二）store 之间互相访问
老怪兽
发布于 2023-02-22 15:45:34
发布于 2023-02-22 15:45:34
代码可运行
运行总次数：0
代码可运行
一、store 之间互相访问
note.js
import { ref } from 'vue'
import { defineStore } from 'pinia'
export const useNoteStore = defineStore('note', () => {
cosnt noteList = ref([
{
title: '标题',
desc: '详情内容'
}
]),
return {
noteList
}
})user.js
import { ref } from 'vue'
import { defineStore } from 'pinia'
export const useuserStore = defineStore('user', () => {
cosnt user = ref(
{
name: 'bob',
phone: 15729837802,
emial: '2966211270@qq.com'
}
),
return {
user
}
})二、只有当用户登录了才能进行添加
import { ref } from 'vue'
import { defineStore } from 'pinia'
export const useuserStore = defineStore('user', () => {
cosnt user = ref(
{
name: 'bob',
phone: 15729837802,
emial: '2966211270@qq.com'
}
),
function isLoggedIn() {
return user.value != null
}
return {
user,
isLoggedIn
}
}) 三、在 note.js 中访问其他 store
- 获取方法和在组件当中获取是一样的
import { ref } from 'vue'
import { defineStore } from 'pinia'
import { useUserStore } from './user.js'
export const useNoteStore = defineStore('note', () => {
cosnt noteList = ref([
{
title: '标题',
desc: '详情内容'
}
]),
const userStore = useUserStore()
function addNote() {
if(userStore.isLoggedIn) {
setTimeout(() => {
noteList.push({
title: '标题x'
desc: '详情内容x'
})
}, 2000)
}
}
return {
noteList
}
})本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2022年11月28日，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
