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

Question

老师，在script标签中不添加setup属性时，如下情况

测试可以定义name属性，

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

Answer 1

张轩 2022-10-14 09:35:07

同学你好 可以看看这个回答：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 #1

  非常感谢！谢谢老师