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

Question

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

Answer 1

声明其他选项

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

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

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

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

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

来源：link