Component
組件是為了復(fù)用所存在的
組件化就如同樂高一般能颁，某些設(shè)計可以使用一樣的方塊
Component({
behaviors: [],
// 屬性定義（詳情參見下文）
properties: {
myProperty: { // 屬性名
type: String,
value: ''
},
myProperty2: String // 簡化的定義方式
},
data: {}, // 私有數(shù)據(jù)倒淫，可用于模板渲染
lifetimes: {
// 生命周期函數(shù)，可以為函數(shù)敌土，或一個在methods段中定義的方法名
attached: function () { },
moved: function () { },
detached: function () { },
},
// 生命周期函數(shù)镜硕，可以為函數(shù)返干，或一個在methods段中定義的方法名
attached: function () { }, // 此處attached的聲明會被lifetimes字段中的聲明覆蓋
ready: function() { },
pageLifetimes: {
// 組件所在頁面的生命周期函數(shù)
show: function () { },
hide: function () { },
resize: function () { },
},
methods: {
onMyButtonTap: function(){
this.setData({
// 更新屬性和數(shù)據(jù)的方法與更新頁面數(shù)據(jù)的方法類似
})
},
// 內(nèi)部方法建議以下劃線開頭
_myPrivateMethod: function(){
// 這里將 data.A[0].B 設(shè)為 'myPrivateData'
this.setData({
'A[0].B': 'myPrivateData'
})
},
_propertyChange: function(newVal, oldVal) {
}
}
})
需要在
組件的.json文件中標(biāo)識
{
"component": true,
"usingComponents": {}
}
在頁面上的.json文件引用
{
"usingComponents": {
"action-toast": "path....."
}
}
