生命周期分类

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中