javascript - 如何在 `name` 中定义 `inheritAttrs` 和 `<script setup>` ？

Question

选项 API:

<script>
  import { defineComponent } from 'vue'

  export default defineComponent({
    name: 'CustomName', // 👈
    inheritAttrs: false, // 👈
    setup() {
      return {}
    },
  })
</script>

如何在 <script setup> 中执行此操作, 是否有 name 的等价物和 inheritAttrs喜欢 defineProps和 defineEmits ?

<script setup>
  // 👉 how to define them here?
</script>

Answer 1

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

name

inheritAttrs

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

如果您需要声明这些选项，请使用单独的普通 <script>使用 export default 阻止:

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

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

编译输出:

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