Component({
  properties: {
    // 定義組件的屬性
    title: {
      type: String,
      value: '默認(rèn)標(biāo)題'
    }
  },
  data: {
    // 定義組件的內(nèi)部數(shù)據(jù)
    count: 0
  },
  methods: {
    // 定義組件的方法
    handleClick() {
      this.setData({
        count: this.data.count + 1
      })
      this.triggerEvent('click', { count: this.data.count })
    }
  }
})

Component({
  created() {
    console.log('組件實(shí)例被創(chuàng)建')
  },
  attached() {
    console.log('組件被添加到頁(yè)面節(jié)點(diǎn)樹(shù)')
  },
  ready() {
    console.log('組件渲染完成')
  },
  moved() {
    console.log('組件被移動(dòng)到另一個(gè)節(jié)點(diǎn)')
  },
  detached() {
    console.log('組件被從頁(yè)面節(jié)點(diǎn)樹(shù)移除')
  }
})

Component({
  pageLifetimes: {
    show: function() {
      // 頁(yè)面被展示
    },
    hide: function() {
      // 頁(yè)面被隱藏
    },
    resize: function(size) {
      // 頁(yè)面尺寸變化
    }
  }
})

// 子組件向父組件傳遞事件
// 子組件中定義事件
Component({
  methods: {
    onTap: function () {
      this.triggerEvent('myevent', {data: 'hello'}, {})
    }
  }
})
// 父組件中監(jiān)聽(tīng)子組件事件
<child-component myevent="{{myevent}}"/>
// 父組件中定義事件處理函數(shù)
Page({
  handleEvent: function (e) {
    console.log(e.detail) // 輸出 {data: 'hello'}
  }
})
// 父組件中監(jiān)聽(tīng)子組件事件
<child-component bind:myevent="handleEvent"/>
// 父組件中定義事件處理函數(shù)
Page({
  handleEvent: function (e) {
    console.log(e.detail) // 輸出 {data: 'hello'}
  }
})
// 父組件中監(jiān)聽(tīng)子組件事件，并傳遞額外的參數(shù)
<child-component bind:myevent="handleEvent" data-extra="extra"/>
// 父組件中定義事件處理函數(shù)，獲取額外的參數(shù)
Page({
  handleEvent: function (e) {
    console.log(e.detail) // 輸出 {data: 'hello'}
    console.log(e.currentTarget.dataset.extra) // 輸出 extra
  }
})

// app.js 中定義全局?jǐn)?shù)據(jù)對(duì)象
App({
  globalData: {
    userInfo: null
  }
})
// page1.js 中設(shè)置數(shù)據(jù)
const app = getApp()
Page({
  onLoad: function () {
    app.globalData.userInfo = {name: 'Tom'}
  }
})
// page2.js 中獲取數(shù)據(jù)
const app = getApp()
Page({
  onLoad: function () {
    console.log(app.globalData.userInfo) // 輸出 {name: 'Tom'}
  }
})

// event.js 中定義事件中心
const eventBus = {}
// 定義事件監(jiān)聽(tīng)函數(shù)
eventBus.on = function (eventName, callback) {
  if (!this[eventName]) {
    this[eventName] = []
  }
  this[eventName].push(callback)
}
// 定義事件觸發(fā)函數(shù)
eventBus.emit = function (eventName, data) {
  if (this[eventName]) {
    this[eventName].forEach(function (callback) {
      callback(data)
    })
  }
}
// page1.js 中觸發(fā)事件
const eventBus = require('event.js')
Page({
  onTap: function () {
    eventBus.emit('myevent', {data: 'hello'})
  }
})
// page2.js 中監(jiān)聽(tīng)事件
const eventBus = require('event.js')
Page({
  onLoad: function () {
    eventBus.on('myevent', function (data) {
      console.log(data) // 輸出 {data: 'hello'}
    })
  }
})