pinia之组件外使用store

在ts文件中使用pinia（getActivePinia was called with no active Pinia. Did you forget to install pinia）报错解决

一、创建store.ts文件

import { createPinia } from "pinia";

const store = createPinia();

export default store

二、在main.ts中引入

// main.ts

import App from "./App.vue";

import pinia from "@/store/index";    // 引入创建好的pinia

app.use(pinia);  // 使用pinia

app.mount("#app");

三、创建自己的pinia文件

import { defineStore } from "pinia";

interface State {nodeArr: any[] | [];stencilLoading: boolean;selectNodeId: number;lcNodeData: LCDataType | {}
}


export const useMenuListStore = defineStore("menuListStore", ()=>{
    

});

四、在ts文件中使用pinia

import { useMenuListStore } from "@/store/useMenuList";

import store from "@/store/index";

const menuListStore = useMenuListStore (store);

// 此时就可以使用 menuListStore 身上的属性和方法了