这篇文章主要讲解了“Vue3中setup怎么添加name”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“Vue3中setup怎么添加name”吧！1.在递归组件的时候需要定义name2.配合keep-alive include exclude 可以缓存组件3.在Vue有报错或者调试的时候可以看到组件的name 只要在script开启setup语法糖模式 单文件组件会自动根据文件名生成对应的name选项 例如 Tree.vue 那他的name 就是 Tree 自动生成，这样做有一个弊端如果想修改name需要修改组件名称如果有地方import 该组件需要一并修改。优点 这种方式可以随意定义name 弊端 一个单文件组件出现两个script 会让人感到疑惑。安装方法 npm 免费云主机域名i unplugin-vue-define-options -Dvite 使用配置tsconfig.json使用方法 通过编译宏 defineOptions 添加name 和 inheritAttrs这件事情在Vue社区也是进行了激烈的讨论，而尤大也是做出了回复尤大觉得这个构思很好，但是有一些担忧，在我们使用组件的时候需要定义name 和 inheritAttrs 情况非常罕见，大部分组件库的开发人员可能经常会使用这两个东西，但对于90%的应用程序组件来说，这确实是一组不同的权衡，并且处理props将会变得很麻烦，再加上实现的复杂性，不确定做这件事是否值得。
不过已经有一个插件实现该功能 unplugin-vue-setup-extend-plus我们来复刻一个简易版 其原理还是加一个script 只不过开发人员看不到了这个script然后在vite config ts 引入我们写好的插件Tree.vue 子组件App.vue 父组件组件成功递归出来感谢各位的阅读，以上就是“Vue3中setup怎么添加name”的内容了，经过本文的学习后，相信大家对Vue3中setup怎么添加name这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是百云主机，小编将为大家推送更多相关知识点的文章，欢迎关注！
本篇内容主要讲解“C++11中的lambda匿名函数怎么使用”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“C++11中的lambda匿名函数怎么使用”吧!lambda 源自希腊字母表中第 11 位的 ，在计算机科学…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
