Vue3中使用<script setup>引入组件

8,492 阅读1分钟

<script setup> 是 Vue 3.2 引入的一个新特性,它允许您使用更简洁的语法来定义和设置组件 可以直接导入和使用其他组件,而不需要在 components 选项中注册它们。父组件中

<template>
  <div>
    <my-component></my-component>
  </div>
</template>

<script lang="ts" setup>
import MyComponent from './MyComponent.vue' //注意还是要引入, 只是子组件中不需要export
</script>

注意还是要引入, 只是子组件中不需要export