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

Question

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

标签： vue.jsvuejs3vue-composition-api

Answer 1

声明附加选项

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

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

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

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

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

来源：链接