uni-app 5小时快速入门 9 基础组件

uni-app 5小时快速入门

9 基础组件

9.1 什么是组件

• 类似HTML中的标签元素
• 组件是视图层的基本组成单元

9.2 组件的应用

9.2.1 创建空项目

9.2.2 .vue文件

1. 自定义的文件类型，是一个类html语法描述的一个vue组件

2. 三个部分组成

   • template 视图层，写组件
   • script 逻辑层，逻辑、执行代码
   • style 样式层，样式

3. 常用的基础组件

   

   • view

     对应html中的div标签，作为容器

     template下面只能包含一个view主节点

     

     

     

     文档

     https://uniapp.dcloud.net.cn/component/view.html

     

   • text

     对应html中的span标签，显示文字

     默认不占一行，而view组件默认占一整行

     https://uniapp.dcloud.net.cn/component/text.html

   • image

     对应html中的img标签，显示图片

     https://uniapp.dcloud.net.cn/component/image.html