QQ小程序 Component構(gòu)造器

定義段與示例方法

Component構(gòu)造器可用于定義組件，調(diào)用Component構(gòu)造器時(shí)可以指定組件的屬性、數(shù)據(jù)、方法等。

生成的組件實(shí)例可以在組件的方法、生命周期函數(shù)和屬性 observer 中通過(guò) this 訪問(wèn)。組件包含一些通用屬性和方法。

代碼示例：

Component({


  behaviors: [],


  properties: {
    myProperty: { // 屬性名
      type: String, // 類型（必填），目前接受的類型包括：String, Number, Boolean, Object, Array, null（表示任意類型）
      value: '', // 屬性初始值（可選），如果未指定則會(huì)根據(jù)類型選擇一個(gè)
      observer(newVal, oldVal, changedPath) {
        // 屬性被改變時(shí)執(zhí)行的函數(shù)（可選），也可以寫(xiě)成在methods段中定義的方法名字符串, 如：'_propertyChange'
        // 通常 newVal 就是新設(shè)置的數(shù)據(jù)， oldVal 是舊數(shù)據(jù)
      }
    },
    myProperty2: String // 簡(jiǎn)化的定義方式
  },
  data: {}, // 私有數(shù)據(jù)，可用于模板渲染


  lifetimes: {
    // 生命周期函數(shù)，可以為函數(shù)，或一個(gè)在methods段中定義的方法名
    attached() { },
    moved() { },
    detached() { },
  },


  // 生命周期函數(shù)，可以為函數(shù)，或一個(gè)在methods段中定義的方法名
  attached() { }, // 此處attached的聲明會(huì)被lifetimes字段中的聲明覆蓋
  ready() { },


  pageLifetimes: {
    // 組件所在頁(yè)面的生命周期函數(shù)
    show() { },
    hide() { },
    resize() { },
  },


  methods: {
    onMyButtonTap() {
      this.setData({
        // 更新屬性和數(shù)據(jù)的方法與更新頁(yè)面數(shù)據(jù)的方法類似
      })
    },
    // 內(nèi)部方法建議以下劃線開(kāi)頭
    _myPrivateMethod() {
      // 這里將 data.A[0].B 設(shè)為 'myPrivateData'
      this.setData({
        'A[0].B': 'myPrivateData'
      })
    },
    _propertyChange(newVal, oldVal) {


    }
  }


})