如何在`<脚本设置>`中定义`name`和`inheritAttrs`? [英] How to define `name` and `inheritAttrs` in `<script setup>`?

查看:19
本文介绍了如何在`<脚本设置>`中定义`name`和`inheritAttrs`?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

选项接口:

<script>
  import { defineComponent } from 'vue'

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

<script setup>中如何操作,nameinheritAttrsLikedefinePropsdefineEmits是否有等价物?

<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`?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
相关文章
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆