vue2.0-----分为 实例创建、DOM渲染、组建更新、销毁实例 四个阶段
beforecreate()——实例创建之前,$el和data都还未初始化
created()——创建后,data已经有了,但$el还未初始化,此时可以对服务端返回的结果进行处理
beforemount()——渲染前,vue实例已初始化,还是虚拟的dom节点
mounted()——渲染后,vue实例挂载完成,可以配合路由钩子使用
beforeupdate()——更新前,data更新时触发,
updated()——更新后,data更新时触发,可以配合路由钩子一起使用
beforedestroy() —— 组件销毁时触发,可以向用户询问是否销毁
destroyed() —— 组件销毁时触发,vue实例解除了事件监听以及和dom的绑定,但是dom元素还在
vue3.0----生命周期。
setup ——创建实例前
onBeforeMount()——挂载DOM前
onMounted() ——挂载DOM后
onBeforeUpdate() ——更新组件前
onUpdated() —— 更新组件后
onBeforeUnmount()—— 卸载销毁前
onUnmounted() —— 卸载销毁后
小程序页面、组件、应用程序APP
1.造函数:
页面——Page
组件——Component
应用程序APP——App
2.生命周期:
页面:
onLoad()——监听页面加载,页面加载时触发,一个页面只会调用一次,可以在onLoad的参数中获取打开当前页面路径中的参数
onReady()——监听页面初次渲染完成,页面初次渲染时触发,代表页面已准备妥当,可以和视图层进行交互
onShow()——监听页面显示,页面显示/切入前台时触发
onHide()——监听页面隐藏,页面隐藏/切入后台时触发。例如:navigateTo()或底部tab切换到其它页面,小程序切入后台
onUnload()——监听页面卸载,页面卸载时触发。例如:redirectTo()和navigateBack()到其它页面
组件:
created()——在组件实例刚刚被创建实执行,此时不能调用setData方法
attached()——组件实例进入页面节点树是执行,此时的data初始化完成
ready()——在组件视图布局完成后执行
moved()——在组件实例被移动到页面节点树另一位置时执行
detached()——在组件实例被从页面节点树移除时执行
error()——每当组件方法抛出错误时执行
组件所在页面的生命周期:
show()——组件所在的页面被展示时执行
hide()——组件所在的页面被隐藏时执行
resize()——组件所在的页面尺寸发生变化时执行
应用程序APP的生命周期:
onLaunch()——监听小程序初始化
onShow()——监听小程序显示,小程序启动或切前台时执行
onHide()——监听小程序隐藏,小程序从前台进入后台时执行
3.方法写的位置:
页面——方法与data同级
组件——方法写在methods中