如何在 Vue3 设置标签中定义组件名称？ [复制]

【问题标题】：How to define component name in Vue3 setup tag? [duplicate]如何在 Vue3 设置标签中定义组件名称？ [复制]
【发布时间】：2021-08-12 15:01:30
【问题描述】：

在export default {}方法中，有一个name属性来定义组件名称，这在开发工具中很有用，但是新的<script setup>标签中的方程式是什么？

【问题讨论】：

在我的带有script setup的vue js环境中，开发工具将显示组件的名称。 因此无需额外命名。你使用的是什么版本的 Vue DevTools？您在 DevTools 中看到的组件名称是什么？

标签： vue.js vuejs3 vue-composition-api

【解决方案1】：

声明附加选项

<script setup> 语法提供了表达大多数现有选项 API 选项的等效功能的能力，除了少数选项：

name
inheritAttrs
插件或库所需的自定义选项

如果您需要声明这些选项，请使用带有导出默认值的单独普通块：

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

<script setup>
  // script setup logic
</script>

来源：link

【讨论】：