Vue3.2 script setup 设置组件名称

dorence • • Web • 1472 阅读

Vue3.2 的一个最便捷的特性便是单文件组件（SFC）语法糖 <script setup>，默认情况下只能通过文件名推断组件名称，而 import 组件无法获得名称（开发工具中会显示为 Index）。但是，可以通过 SFC 支持同时存在 <script setup> 与 <script> 的小特性，显式设定组件名称。即

<script> export default { name: 'xxx' } </script>
<script setup>
   ... // your code here
</script>

额外插入一段常规 script 并且显式 export 组件名即可。（ts 添加属性 lang="ts" 即可）。

参考大佬的文章 Ardor-Zhang

版权声明：
作者：dorence
链接：https://wp.dorence.top/archives/110
来源：极客模拟
文章版权归作者所有，未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>
文章目录
关闭
目 录