vue3项目中字典和全局方法的创建与使用

在src下新建dict.ts/js,写入下面代码

import { App, Plugin } from 'vue';interface Dict {auditgrouptypeList: { label: string; value: string }[];auditstateList: { label: string; value: string }[];accountchangeList: { label: string; value: number }[];
}const DictPlugin: Plugin = {install: (app: App) => {const dict: Dict = {auditgrouptypeList: [{ label: "财务", value: 'finance' }],auditstateList: [{ label: "审核中", value: 'revenue_create' },{ label: "已通过", value: 'revenue_finance_success' },{ label: "已拒绝", value: 'revenue_finance_fail' }],accountchangeList: [{ label: "入款", value: 1 },{ label: "出款", value: 2 }]};app.config.globalProperties.$Dict = dict;}
};export default DictPlugin;

在main.ts/js进行挂载

import DictPlugin from '@/dict'app.use(DictPlugin)

页面使用

 {{  $Dict.auditstateList }}