Vue3.2 使用 script setup 如何设置组件名称?

vue3.2 使用 script setup 如何设置组件名称?

<script lang="ts">
import {
  defineComponent
} from 'vue'

export default defineComponent({
  name: 'Test'
})
</script>

<script lang="ts" setup>
// ...
</script>

其实可以写两个 script 标签,一个是 啥也不填的,就是以前的那种,具有全部功能。
另一个 script 标签,加上 setup 就变成了 script setup 模式,其实二者可以并存的。

第一个 script 可以写一个 export default { },里面除了 setup 不能写之外,其他的基本都可以。你要的name了,其他的都可以。只是注意不能和下面的 script 冲突。

第二个 script 可以看成是上面的 setup 单独拿出来写。

所以只能写一个 setup ,否则的话,一个会把另一个覆盖掉。

还是觉得如果能 setup=name 最好了。

还有其他属性需要设置呢,比如那个是否自动继承 attrs 的那个。

vue3.2里组件name就是你的文件名哦