How to define component name in Vue3 setup tag?

user_8083009 0
Viewed 18407

In export default {} method, there is a name property to define the component name, which is usefull in dev tool, but what's the equation in new <script setup> tag?

enter image description here

vuejs3 vue-composition-api vue.js
1 Answers

Declaring Additional Options

The <script setup> syntax provides the ability to express equivalent functionality of most existing Options API options except for a few:

  • name
  • inheritAttrs
  • Custom options needed by plugins or libraries

If you need to declare these options, use a separate normal block with export default:

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

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

Source: link

user_139994820
Related