微信小程序组件开发注意事项

作为一名Vue开发程序员，切入微信小程序的组件开发是没啥大阻力的，小障碍有一点，特此记录分享。

1. 页面与组件的加载顺序依次是component.attached, page.onload, component.show, component.ready, page.ready, page.show.  因此，如果想将page.onload里计算出的数据传递给component处理，就需要在component.ready里才能接收到。

2. component的properties数据和自身的data数据会融合在一起，可以统一通过this.data来获取，通过this.setData来设置。

3. component的properties属性不能命名为id, 可以命名为ID

属性的类型可以为 String, Number, Boolean, Object, Array 其一，也可以为 null 表示不限制类型。

4. 如果想在页面代码中调用组件的方法，可以用this.selectComponent('#Edit').component_method(); 其中Edit为组件元素在页面中的id

5. 页面与组件的css样式是隔离的，不能共享的，需要将需要的css拷贝到组件的wxss文件里。

6. 监听属性值的变化

properties: {
  visible: {
    type: Boolean,
    value: false,
    observer(val) {
       val && this.initData() ;
    }
  }
},