Vue在辅助函数中使用Pinia存储

ttp71kqs 于 2023-08-07 发布在 Vue.js

关注(0)|答案(1)|浏览(107)

我有一个Vue.js应用程序，我想创建一些帮助函数，这些函数将使用我在应用程序中的Pinia商店。这些辅助函数将由多个组件使用。我该怎么做？我是否在存储文件本身中定义帮助器函数？我是否创建一个依赖于Pinia存储的纯js文件？

1条答案

我在src/stores文件夹中创建了index.js或route.js，并使用以下代码将存储导入到组件中

import { defineStore } from 'pinia';

export const useStore = defineStore({
  state: () => ({
  }),
  getters: {
  },
  actions: {
  },
});

字符串
并用于组件

import { useStore } from '@/stores';

型
希望这能帮上忙