微信小程序组件页面方法

// 组件使用Component声明
Component({
//  properties:用来接收父组件传递的内容，类似vue中props
  properties: {
    title: {
      type: String,
      value: '默认标题'
    }
  },
  data: {

  },
  // 组件中的方法可以定义在methods中
  methods: {
    headClickHandle () {
      console.log('子组件点击了')
      // 子组件向父组件传值：triggerEvent,类似vue或uni-app中的this.emit()
      this.triggerEvent('EmitheadClick', {name:'jack',age:18})
    }
  },
  // 微信小程序组件中的生命周期函数可以直接写在Component中的一级对象中，还可以写在lifetimes中的节点下，这种方式是推荐的
  lifetimes: {
    // created 组件首次创建时触发，进入每个使用该组件的页面后只加载一次
    created () {
      console.log('组件被创建了')
    },
    // ready 组件试图加载完后执行，也是只只执行一次
    ready () {
      console.log('ready')
    },
    // moved 组件位置发生改变时触发
    moved () {
      console.log('moved')
    },
    // 组件进入页面时触发，只触发一次
    attached () {
      console.log('attached')
    }
  },
  // 组件被页面移出时触发
  detached () {
    console.log('组件被卸载了')
  },
  // error 组件抛出异常是触发
  error () {
    console.log('error')
  }
})