页面生命周期转换

除了类支付宝小程序之外，其他平台都能以组件的方式创建页面，因此mpx内部默认是以Component来创建页面的（微信小程序、百度小程序、头条小程序等类微信小程序）。按官方标准，以Component创建页面时，页面特有的生命周期（onLoad、onReady、onShow等等）都必须定义在methods内部。为了进行统一处理，使用mpx.createPage创建页面时，可以统一使用标准页面的格式，所有生命周期都定义在最外层即可，mpx内部会根据普通进行自动转换到methods里面

  1. <script>
  2. import {createPage} from '@mpxjs/core'
  3. // 类微信小程序
  4. createPage({
  5.   onLoad () {
  6.     // 页面加载
  7.     console.log('page onload')
  8.   },
  9.   onShow () {
  10.     // 页面显示
  11.     console.log('page onload')
  12.   },
  13.   onPullDownRefresh () {
  14.     // 需在json域开启enablePullDownRefresh
  15.     console.log('page onPullDownRefresh')
  16.   },
  17.   attached () {
  18.     // 以Component创建页面，那么页面也将具体组件的生命周期
  19.   },
  20.   detached () {
  21.     // 以Component创建页面，那么页面也将具体组件的生命周期
  22.   }
  23. })
  24. </script>