组件

文档参考地址：https://uniapp.dcloud.net.cn/component/

基础组件

基础组件在uni-app框架中已经内置，无需将内置组件的文件导入项目，也无需注册内置组件，随时可以直接使用，比如<view>组件。

组件演示参考地址 => https://hellouniapp.dcloud.net.cn/pages/component/view/view

基础组件列表

• 视图容器
  • view 视图容器，类似于html中的div
  • scroll-view 可滚动试图容器 => https://uniapp.dcloud.net.cn/component/scroll-view
  • swiper 滑块视图容器，比如用于轮播banner
• 基础内容
  • icon 图标 => uni-icons
  • text 文字
  • rich-text 文字
  • progress 进度条
• 表单组件（Form）
  • button 按钮
  • checkbox 多项选择器
  • editor 富文本输入框
  • form 表单
  • input 输入框
  • label 标签
  • picker 弹出式聊表选择器
  • picker-view 窗体内嵌入式聊表选择器
  • radio 单项选择器
  • slider 滑动选择器
  • switch 开关选择器
  • textarea 多行文本输入框
• 路由与页面跳转（Navigation）
  • navigator 页面链接，类似于html中的a标签
• 媒体组件
  • audio 音频
  • camera 相机
  • image 图片
  • video 视频

组件公共属性集合

除了上述公共属性，还有一类特殊属性以v-开头，称之为vue指令，如v-if、v-else、v-for、v-model。

扩展组件

Demo地址：https://hellouniapp.dcloud.net.cn/pages/component/scroll-view/scroll-view

参考地址：https://ext.dcloud.net.cn/search?q=uni-icons

自定义组件

1. componets文件夹下定定义组件
2. 页面引用组件，无需倒入适量，直接使用即可
3. 其他操作（组件传值，事件绑定同vue）