全局的Pinia调用

最新推荐文章于 2024-05-08 15:39:34 发布

一只敲码的猫~

最新推荐文章于 2024-05-08 15:39:34 发布

阅读量766

点赞数

分类专栏： es6 JavaScript vue 文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/qq_38946996/article/details/128079433

版权

vue 同时被 3 个专栏收录

105 篇文章 2 订阅

订阅专栏

es6

78 篇文章 2 订阅

订阅专栏

JavaScript

52 篇文章 1 订阅

订阅专栏

parent.vue

<template>
    {{ CommonTest }}
</template>
<script setup>

import { getCurrentInstance } from 'vue';

// 获取 当前组件示例的全部属性
const { proxy } = getCurrentInstance();

// 但是全局的 $pinia 如果从未被调用过，是不会被创建的。
// 所以不推荐这种访问模式
// 从 pinia 实例读取过来的数据 是已经进行过双向绑定的数据
const CommonTest = proxy.$pinia.state.value.CommonTest;

</script>

<style lang="less" scoped>

</style>

store.js

import { defineStore } from 'pinia'
import { store } from '@STORE';
export const CommonTestStore = defineStore('CommonTest', {
    state: () => {
        return {
            value: 'test'
        }
    },
    getters: {

    },
    actions: {

    }
})
export function GetCommonTestStore() {
    return CommonTestStore(store);
}