component组件化

1.通过以下形式直接新建component所需文件tiezi

新建component

2.在tiezi.json中进行如下设置

tiezi.json

3.相应的父组件的json文件配置如下

card.json

4.在父组件中引入子组件，通过myProperty来定义变量名

引入组件帖子

5.在tiezi.js文件中通过properties传入数据，属性名与父文件中定义数据时属性名相同

tiezi.js

6.在tiezi.html中渲染数据，数据名与js文件中属性名相同

tiezi.wtml

7.在父组件中调用子组件事件操作

tiezi.wtml

在子组件中定义全局函数showEvent()更改isShow的布尔值

tiezi.js

在父组件中定义函数showEvent()

在父组件中通过selectComponent获取子组件实例后，可直接调用该子组件的showEvent()方法。

card.js

8.在子组件中对数据进行处理并传回到父组件中

将父页面test数据传递到tiezi组件中

card.wxml

通过在组件中调用triggerEvent事件处理函数，将处理过的数据传回父页面

给父组件绑定事件myevent，并将数据addEvent传递

card.wxml

通过bind绑定事件将子组件更改后的数据存入父页面的data中

card.js