封装组件涉及的知识点较多，相关文档详见：vue组件详解
扩展组件（uni-ui）
uni-ui是DCloud提供的一个跨端ui库，它是基于vue组件的、flex布局的、无dom的跨全端ui框架。
uni-ui不包括基础组件，它是基础组件的补充。
uni ui产品特点
1、高性能
目前为止，在小程序和混合app领域，uni ui是性能的标杆。
- 自动差量更新数据
- 优化逻辑层和视图层通讯折损
- 背景停止
- 全端
- 风格扩展
- 与uniCloud协作
- 与uni统计自动集成实现免打点
- uni ui符合全套DCloud组件规范
uni ui的使用方式
uni ui支持 HBuilderX直接新建项目模板、npm安装和单独导入个别组件等多种使用方式
- 在HBuilderX新建uni-app项目的模板中，选择uni ui模板 由于uni-app独特的easycom技术，可以免引用、注册，直接使用各种符合规则的vue组件。
- 在代码区键入u，拉出各种内置或uni ui的组件列表，选择其中一个，即可使用该组件。
- 光标放在组件名称上，按F1，可以查阅组件的文档。
- npm安装参考npm安装
- 单独安装组件 如果你没有创建uni ui项目模板，也可以在你的工程里，单独安装需要的那个组件。下表为uni-ui的扩展组件清单，点击每个组件在详情页面可以导入组件到项目下，导入后直接使用即可，无需import和注册。
- uni ui有几十个组件，详情的uni ui组件清单，请参考uni ui 组件清单
