uni-app组件

个人开发者“王辉”发布的uni-app标准模板演示软件uni-app组件，帮助开发者快速构建自己的uni-app。上手简单，使用方便，定制场景丰富随意。

官方简介

统一应用标准模板演示

开发人员可以基于这个模板快速构建自己的uni-app

扩展组件的意义

虽然基本组件可以满足所有的业务需求，但是只有基本组件效率不高，实际开发中会有很多打包的组件。

比如我们需要一个五角星点击评分组件，可以在DCloud的插件市场获得：https://ext.dcloud.net.cn/plugin? id=33

将这个统一的组件导入到你的统一应用程序项目中，并在所需的vue页面中引用它，然后你就可以在指定的位置显示这个五角星形组件。

包装扩展组件的优势：

组件可以重复使用任何次数。

合理划分组件有助于提高应用性能。

代码更便于组织管理，可扩展性更强，便于多人协同开发。

基于组件的开发可以大大提高应用开发的效率、可测试性和可重用性。

组件使用的入门教程

组件是视图层的基本单位。

组件是单个可重用功能模块的封装。

每个组件包括以下几个部分：由组件名称、组件内容、组件属性和组件属性值标记的开始标记和结束标记。

组件名用尖括号括起来，称为标记，它有一个开始标记和一个结束标记。结束标签后跟/表示结束。结束标记也称为结束标记。在以下示例中，组件名是开始标记，/组件名是结束标记。

在开始标记和结束标记之间，称为组件内容。作为以下示例的内容，

属性可以写在起始标签上，可以有多个属性，多个属性之间用空格隔开。例如下面的属性1和属性2。请注意，属性不能写在封闭标签上。

每个属性由=指定。如以下示例所示，property1的值被设置为字符串值。

注意：所有组件和属性名都是小写的，单词是连字符的。

下面是一个基本组件的例子，在vue页面的根视图组件下插入一个按钮组件。在该组件的内容区写入文本“button”，并为该组件设置一个属性“size”，属性“size”的值设置为“mini”。

注意：根据vue单文件组件规范，每个vue文件的根节点必须是一个模板，这个模板下只能有一个根视图组件。

通过了解按钮组件的文档，我们知道上面的代码会在页面上画一个按钮，按钮显示的文字是“button”，按钮的大小很小。