vue3 中组件 setup name/inheritAttrs 等属性赋值

vue3.3+ 可直接使用 defineOptions()

defineOptions({
  name: 'Home',
  inheritAttrs: false,
})

再添加一个 script 标签

<script>
export default {
	name:'Home',
  	inheritAttrs: false,
};
</script>

使用 unplugin-vue-define-options 插件
https://vue-macros.sxzz.moe/macros/define-options.html

下载

pnpm add -D unplugin-vue-define-options @vue-macros/volar

vite.config.ts

import DefineOptions from 'unplugin-vue-define-options/vite'
import Vue from '@vitejs/plugin-vue'

export default defineConfig({
  plugins: [Vue(), DefineOptions()],
})

// tsconfig.json
{
  "compilerOptions": {
    "types": ["unplugin-vue-define-options/macros-global" /* ... */]
  }
}

基本使用

defineOptions({
  name: 'Home',
  inheritAttrs: false,
})