Vue3中name有什么用呢？

1.在递归组件的时候需要定义name

2.配合keep-alive include exclude 可以缓存组件

3.在Vue有报错或者调试的时候可以看到组件的name

Vue3 定义 name
1.自动生成

复制代码

3.使用第三方插件 unplugin-vue-define-options

安装方法 npm i unplugin-vue-define-options -D

vite 使用

// 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

// tsconfig.json { "compilerOptions": { // ... "types": ["unplugin-vue-define-options/macros-global" / ... /] } } 复制代码

使用方法 通过编译宏 defineOptions 添加name 和 inheritAttrs

复制代码

4.个人想法 我想着直接在script 定义name 不好吗？