vue3基础

vue3的生命周期函数

人： 出生到死亡的过程

vue生命周期：vue实例从创建到销毁的过程;主要是在不同的时段执行不同的事情;
常见的8个身影周期钩子函数（创建前后、挂载前后、更新前后、销毁前后）
另外三个： activated de--  errorCapture

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

new Vue({
    data:{},
    el: '#app' // 挂载点
})

• 每个生命周期执行的时机

  创建前后：new Vue()

  挂载前后： e l 也就是 挂载dom

  注意点： 生命周期在创建之后才能够获取data数据；在挂载之后才能够获取dom元素

更新前后：监听的是更新试图或者说是 dom元素

      销毁前后：

• 生命周期干什么事情

  创建后：ajax操作；读取缓存操作

  挂载后：也可以进行ajax操作；这里可以操作dom了

  销毁后：页面有定时器、页面监听。。。的该销毁了

• 如果说想在created内获取dom元素，我们可以使用nextTick

• 页面和组件的生命周期执行顺序

页面---beforeCreate
mypage.vue?1dde:16 页面---created
mypage.vue?1dde:20 页面---beforeMount
mycom.vue?5e77:11 组件---beforeCreate
mycom.vue?5e77:14 组件---created
mycom.vue?5e77:18 组件---beforeMount
mycom.vue?5e77:22 组件---mounted
mypage.vue?1dde:24 页面---mounted 

 页面跳转的时候生命周期的执行

list       --------------------   info

先执行的是后一页面的创建和挂载前；然后原始页面销毁；新页面挂载