tencent cloud

Component({

  behaviors: [],

  // Property definition (see below for details)
  properties: {
    myProperty: { // Attribute name 
      type: String,
      value: ''
    },
    myProperty2: String // Simplified definition
  },

  data:  {}, // Private data, available for template rendering

  lifetimes: {
    // Life cycle function, can be a function, or a method name defined in the methods section
    attached: function () { },
    moved: function () { },
    detached: function () { },
  },

  // Life cycle function, can be a function, or a method name defined in the methods section
  attached: function () { }, // The attached declaration here is overwritten by the declaration in the lifetimes field
  ready: function() { },

  pageLifetimes: {
    // Life Cycle Function for the Page on which the component is located
    show: function () { },
    hide: function () { },
    resize: function () { },
  },

  methods: {
    onMyButtonTap: function(){
      this.setData({
        // The method of updating properties and data is similar to that of updating page data
      })
    },
    // The internal method recommends starting with an underscore
    _myPrivateMethod: function(){
      // Here will be data.A[0].B Set to 'myPrivateData'
      this.setData({
        'A[0].B': 'myPrivateData'
      })
    },
    _propertyChange: function(newVal, oldVal) {

    }
  }

})

Component({
  properties: {
    min: {
      type: Number,
      value: 0
    },
    min: {
      type: Number,
      value: 0,
      observer: function(newVal, oldVal) {
        // When property values change
      }
    },
    lastLeaf: {
      // This property can be Number 、 String 、 Boolean One of three types.
      type: Number,
      optionalTypes: [String, Object],
      value: 0
    }
  }
})

<custom-comp min="1" max="5" />

this.data.min === 1 // 
truethis.data.Max === 5 // true

// my-behavior.js
module.exports = Behavior({
  behaviors: [],
  properties: {
    myBehaviorProperty: {
      type: String
    }
  },
  data: {
    myBehaviorData: {}
  },
  attached: function(){},
  methods: {
    myBehaviorMethod: function(){}
  }
})