如何在`&lt；脚本设置&gt；`中定义`name`和`inheritAttrs`？

问题描述

选项接口：

<script>
  import { defineComponent } from 'vue'

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

在<script setup>中如何操作，name和inheritAttrsLikedefineProps和defineEmits是否有等价物？

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

<script setup>语法提供了表示大多数现有Options推荐答案选项(少数选项除外)的等效功能的能力：

• 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>

这篇关于如何在`&lt；脚本设置&gt；`中定义`name`和`inheritAttrs`？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！