组件引用

组件最大的优势就是可复用性

当使用构建步骤时，我们一般会将 Vue 组件定义在一个单独的 .vue 文件中，这被叫做单文件组件(简称 SFC)

如下是一个swiper组件

<template>
  <p>我是swiper组件</p>
</template>

<script setup></script>

<style scoped></style>

现在我们要在App.vue组件中引入swiper.vue组件

相关信息

在Vue单文件组件中，样式中的scoped的作用是生效作用域，只在当前组件内生效

组件嵌套关系

组件允许我们将 UI 划分为独立的、可重用的部分，并且可以对每个部分进行单独的思考。在实际应用中，组件常常被组织成层层嵌套的树状结构

这和我们嵌套 HTML 元素的方式类似，Vue 实现了自己的组件模型，使我们可以在每个组件内封装自定义内容与逻辑

引用组件的组件为父组件（示例中的App.vue），被引用的组建为子组件（示例中的swiper.vue）

至此，本章节的学习就到此结束了，如有疑惑，可对接技术客服进行相关咨询。