简洁版,详细参考api文档,例:
index 要使用 组件ad。
一,子组件中需要的配置:
1.ad组件中 ad.json配置:
{
"component": true
}
2.ad组件中ad.js使用 Component构造函数:
Component({
options: {}, // 这个组件的配置
properties: { // 接收父组件传过来的参数
attr1: String,
attr2: {
type: Object,
value: {},
observer: function (newValue, oldValue, changedPath) {
this.setData({
propertyChanged: true
})
}
}
},
data: {},
methods: {}, // 这个组件要使用的方法,组件的事件与数据更新和Page({})是一样的
// ...
})
二,父组件(index)如何使用子组件(ad):
1. 父组件index.json文件中配置
"usingComponents": {
"tag-name": "/components/ad/ad"
}
// tag-name: 指定子组件在父组件index.wxml中使用的标签名称
2. 父组件index.wxml使用
<tag-name arg-name='{{value}}'></tag-name>
// 在wxml中命名arg-name,对应js命名argName
其中arg-name是子组件中接收参数对象的名称,value是父组件传递的参数
子组件ad.js对应代码:
Component({
properties: {
argName: String // String是这个参数的类型,驼峰命名
}
})