组件 Component 模板 / 生命周期

官方文档：  https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/

const app = getApp()

Component({
  behaviors: [require('miniprogram-computed')],
  /**
   * 使用全局样式属性
   */
  options: {
    addGlobalClass: true
  },
  /**
   * 组件的属性列表
   */
  properties: {
    myProperty: { // 属性名
      type: String,
      value: ''
    },
    myProperty2: String // 简化的定义方式
  },
  /**
   * miniprogram-computed提供计算属性
   */
  computed: {
  },
  /**
   * 自带的监听器
   */
  observers: {
  },
  /**
   * miniprogram-computed提供监听器
   */
  watch: {
  },
  /**
   * 组件的初始数据
   */
  data: {
  },
  /*组件生命周期*/
  lifetimes: {
    created: function () {
      // 在组件实例刚刚被创建时执行
    },
    attached: function () {
      // 在组件实例进入页面节点树时执行
    },
    ready: function () {
      // 在组件在视图层布局完成后执行
    },
    moved: function () {
      // 在组件实例被移动到节点树另一个位置时执行
    },
    detached: function () {
      // 在组件实例被从页面节点树移除时执行
    },
    error: function (error) {
      // 每当组件方法抛出错误时执行
    }
  },
  // 以下是旧式的定义方式，可以保持对 <2.2.3 版本基础库的兼容
  attached: function() {
    // 在组件实例进入页面节点树时执行
  },
  detached: function() {
    // 在组件实例被从页面节点树移除时执行
  },
  /*组件所在页面的生命周期 */
  pageLifetimes: {
    show: function () {
      // 页面被展示
    },
    hide: function () {
      // 页面被隐藏
    },
    resize: function (size) {
      // 页面尺寸变化
    }
  },
  /**
   * 组件的方法列表
   */
  methods: {
  }
})