# 组件

组件分为预定义组件和自定义组件。

预定义组件是框架预先定义好、由框架实现渲染和逻辑的组件，例如开发页面时开发者必须用到的 text、div，这些组件是由平台 Native 底层渲染出来的。

如果开发一个复杂的页面，开发者把所有的 UI 部分写在一个文件的<template>，那代码的可维护性将会很低，并且模块之间容易产生不必要的耦合关系，为了更好地组织逻辑与代码，可以把页面按照功能拆成多个模块，每个模块负责其中的一个功能部分，最后页面将这些模块引入管理起来，传递业务与配置数据完成代码分离，那么这就是自定义组件的意义。

自定义组件是一个开发者编写的组件，使用起来和 Native 组件一样，最终按照组件的<template>来渲染；同时开发起来又和页面一样，拥有 ViewModel 实现对数据、事件、方法的管理。

这么来看，页面也是一种特殊的自定义组件，无需引入即可使用，同时服务于整个页面。

本章节主要详细介绍预定义的 Native 组件的用法，包括其支持的样式、属性、事件。