<script setup lang='ts'>不能设置name的情况

来源：3-24 setup 语法糖进阶-

qq_随心而动_3

2022-10-13

老师，在script标签中不添加setup属性时，如下情况
图片描述
测试可以定义name属性，

如果使用<script setup lang='ts'>的情况下，name属性就没法设置了，怎么办？因为实际的项目中会遇到组件调用自己的情况，该怎么办呢？

写回答

1回答

张轩

2022-10-14

已采纳

同学你好可以看看这个回答：stackoverflow.com/questions/67669820/how-to-define-component-name-in-vue3-setup-tag

对于这种情况，我们可以有两个 script，一个是 setup 一个是没有的。比如：

<script>
  export default 
  {    
      name: 'CustomName',   
      inheritAttrs: false,    
      customOptions: {}
  }
</script>
  
<script setup>
  // script setup logic
</script>

qq_随心而动_3

非常感谢！谢谢老师

2022-10-14

共1条回复

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目，率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

查看课程

相似问题

在script setup中正确导出emitter实例

回答 1

vue-cli typescript可选链报错

回答 1

如何改成 <script setup lang="ts"> </>

回答 1

`<script setup>` 中没有`inheritAttrs: false`？

回答 1

setup 语法糖导出 type 飘红

回答 3

打开慕课网App查看更多内容