跳至主要內容

组件引用

刘春龙原创...大约 1 分钟WEB前端Vue3教程文档

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

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

如下是一个swiper组件

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

相关信息

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

组件嵌套关系


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

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

引用组件的组件为父组件(示例中的App.vue),被引用的组建为子组件(示例中的swiper.vue

上次编辑于:
贡献者: 刘春龙
评论
  • 按正序
  • 按倒序
  • 按热度
Powered by Waline v2.15.7