页面生命周期转换

除了类支付宝小程序之外,其他平台都能以组件的方式创建页面,因此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>