安装插件
npm i unplugin-vue-define-options -D
配置 vite.config.ts
/** @type {import('vite').UserConfig} */
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import DefineOptions from 'unplugin-vue-define-options/vite'
export default defineConfig({
plugins: [vue(), DefineOptions()],
});
typescript支持
在tsconfig.json 的compilerOptions 中添加以下代码
"types": ["unplugin-vue-define-options/macros-global" /* ... */]
在组件中使用defineOptions来定义name属性
defineOptions({
name: 'componentName',
})