组件

https://uniapp.dcloud.io/component/README

  • 组件是视图层的基本组成单元。
  • 组件是一个单独且可复用的功能模块的封装。

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

  • 组件名称由尖括号包裹，称为标签，它有开始标签和结束标签。结束标签的<后面用/来表示结束。结束标签也称为闭合标签。如下面示例的是开始标签，是结束标签。
  • 在开始标签和结束标签之间，称为组件内容。如下面示例的content
  • 开始标签上可以写属性，属性可以有多个，多个属性之间用空格分割。如下面示例的property1和property2。注意闭合标签上不能写属性。
  • 每个属性通过=赋值。如下面的示例中，属性property1的值被设为字符串value。

注意：所有组件与属性名都是小写，单词之间以连字符-连接。

  1. <component-name property1="value" property2="value">
  2.     content
  3. </component-name>

下面是一个基本组件的实例，在一个vue页面的根组件下插入一个