【Vite+Vue3+Ts】挂载全局store/pinia（全局方法）

store文件内容：

export const useCounterStore = defineStore("counter", {
  state: () => ({
    lang: 'en',
  }),
  actions: {
   
  },
});

新建插件piniaPlugin.ts

import { useCounterStore } from "@/store/index"; // 引入pinia方法

export default {
  install: (app: any) => {
    app.config.globalProperties.$store = useCounterStore();
  },
};
declare module "@vue/runtime-core" {
  interface ComponentCustomProperties {
    $store: any;
  }
}

main.ts注册

import piniaPlugin from "@/components/piniaPlugin.js";
const app = createApp(App);

app.use(piniaPlugin)

页面使用：

{{ $store.lang }}

// js：正常引入store即可

感谢你的阅读，如对你有帮助请收藏+关注！
只分享干货实战和精品，从不啰嗦！！！
如某处不对请留言评论，欢迎指正~
博主可收徒、常玩QQ飞车，可一起来玩玩鸭~