使用场景:当每次进入页面都需要执行某个函数时,如果用mixins,则需要每次都引入,此时可以考虑重定义一下全局周期函数
新建一个page.js文件
// utils/page.js import wepy from '@wepy/core' const myPage = wepy.page // const globalData = getApp().$wepy.$options.globalData // import store from '@/store' wepy.page = function (e, rel) { let { onLoad, onShow, onPageScroll, onUnload, onHide } = e e.onLoad = (() => { return function (options) { // 此处为编写需要操作的代码 onLoad && onLoad.call(this, options) } })() e.onShow = (() => { return function () { console.log('onshow001') // 此处为编写需要操作的代码 onShow && onShow.call(this) } })() e.onPageScroll = (() => { return function (event) { // 此处为编写需要操作的代码 onPageScroll && onPageScroll.call(this, event) } })() e.onUnload = (() => { return function () { // 此处为编写需要操作的代码 onUnload && onUnload.call(this) } })() return myPage.call(this, e, rel) }
app.vue里:
require('./utils/page.js')