小程序（三）—— modal组件封装
2018-10-24 本文已影响0人
_我的天
Component构造器
Component构造器可用于定义组件，调用Component构造器时可以指定组件的属性、数据、方法等。
| 定义段 | 类型 | 是否必填 | 描述 |
|---|---|---|---|
| properties | Object Map | 否 | 组件的对外属性，是属性名到属性设置的映射表，属性设置中可包含三个字段， type 表示属性类型、 value 表示属性初始值、 observer表示属性值被更改时的响应函数 |
| data | Object | 否 | 组件的内部数据，和 properties 一同用于组件的模版渲染 |
| methods | Object | 否 | 组件的方法，包括事件响应函数和任意的自定义方法，关于事件响应函数的使用，参见 组件事件 |
| behaviors | String Array | 否 | 类似于mixins和traits的组件间代码复用机制，参见 behaviors |
| created | Function | 否 | 组件生命周期函数，在组件实例进入页面节点树时执行，注意此时不能调用 setData
|
| attached | Function | 否 | 组件生命周期函数，在组件实例进入页面节点树时执行 |
| ready | Function | 否 | 组件生命周期函数，在组件布局完成后执行，此时可以获取节点信息（使用 SelectorQuery ） |
| moved | Function | 否 | 组件生命周期函数，在组件实例被移动到节点树另一个位置时执行 |
| detached | Function | 否 | 组件生命周期函数，在组件实例被从页面节点树移除时执行 |
| relations | Object | 否 | 组件间关系定义，参见 组件间关系 |
| externalClasses | String Array | 否 | 组件接受的外部样式类，参见 外部样式类 |
| options | Object Map | 否 | 一些组件选项，请参见文档其他部分的说明 |
Tips:
-
Component构造器构造的组件也可以作为页面使用。 -
使用
this.data可以获取内部数据和属性值，但不要直接修改它们，应使用setData修改。 -
生命周期函数无法在组件方法中通过
this访问到。 -
属性名应避免以 data 开头，即不要命名成
dataXyz这样的形式，因为在 WXML 中，data-xyz=""会被作为节点 dataset 来处理，而不是组件属性。 -
在一个组件的定义和使用时，组件的属性名和data字段相互间都不能冲突（尽管它们位于不同的定义段中）。
component介绍完后就是最为关键的js了
