前端生命周期大全

生命周期分类

vue实例2.x
beforeCreate
Created
BeforeMount
mounted
beforeUpdated
updated
activated
deactivated
beforeDestroy
destroyed

除了 Vue 本身的生命周期外，mpvue 还兼容了小程序生命周期，这部分生命周期钩子的来源于微信小程序的 Page， 除特殊情况外，不建议使用小程序的生命周期钩子。

小程序
app部分
onLaunch 初始化
onShow 当小程序启动，或从后台进入前台显示
onHide 小程序从前台进入后台

page部分

onLoad 监听页面加载
onShow 监听页面显示
onReady 监听页面初次渲染完
onHide 监听页面隐藏
onUnload 监听页面卸载
onPullDownRefresh 监听用户下拉动作
onReachBottom 页面上拉触底事件的处理函数
onShareAppMessage 用户右上角分享
onPageScroll 页面滚动
onTabItemTep 当前是tab页时，点击tab时触发

不要在选项属性或回调上使用箭头函数，比如 created: () => console.log(this.a) 或 vm.$watch(‘a’, newValue => this.myMethod())。因为箭头函数是和父级上下文绑定在一起的，this 不会是如你做预期的 Vue 实例，且 this.a 或 this.myMethod 也会是未定义的。