自定義組件的properties和data

// components/epsoide/index.js

Component({
  /**
   * 組件的屬性列表
   */
  properties: {
    index: {
      type: Number
　　　 //value: 'abcd'   //設置index的默認值，如果父組件中沒有傳遞這個屬性的值，則調用默認值
    }
  },

  /**
   * 組件的初始數據
   */
  data: {
    //index: 123,     //properties中的index的值會覆蓋data中的index的值
    year: 0,
    month: ''
  },

  /**
   * 組件的方法列表
   */
  methods: {

  }
})

 

1、在小程序中，properties的值是從data中來的，所以wxml中兩者的調用方法是一樣的: {{index}}, {{month}}

2、propeties中和data中如果有相同的值，properties中的值會覆蓋data中的值，但是如果properties中用this.setData()的方法也改變這個值，則this.setData()中的值又會覆蓋properties中的值

3、<v-epsoide index="{{classic.index}}" /> 父組件通過index="{{}}}"向子組件傳值

4、子組件向父組件傳值，通過觸發事件：this.triggerEvent('like', {}, {})

 5、自定義組件中更改data的級別（級別高的會覆蓋級別低的）

　　this.setData({index: 123}) -->  properties: {index: 456} --> data: {index: 'abc'}