vue2生命周期

最新推荐文章于 2024-10-16 13:48:28 发布

lzy-599

最新推荐文章于 2024-10-16 13:48:28 发布

阅读量1.8k

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/lzy_3342118586/article/details/123712863

版权

本文探讨Vue2的生命周期，包括创建前后、挂载前后、更新前后的重要时刻。强调在不同阶段适合执行的操作，如使用`this.$refs`获取DOM元素、数据请求和DOM操作。并介绍了`$nextTick`在获取DOM时的作用，以及页面和组件间生命周期的执行顺序。

摘要由CSDN通过智能技术生成

生命周期

人：从出生到死亡的整个过程

vue生命周期：vue实力从创建到销毁的整个过程；主要是在不同的时段执行不同的事情;常见的8个生命周期钩子函数（创建前后，挂载前后，更新前后，销毁前后）（beforeCreate 创建前、 created创建后、beforeMount 挂载前、mounted挂载后、beforeUpdate 更新前、updated更新后、beforeDestory 销毁前、 destoryed销毁后）
另外三个：activited de-- erorCapture


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

new Vue({
  data:{},
  el:'#app'
})

vue内获取dom元素尽量使用ref；相当于class 获取元素使用的是this.$refs.###
每一个生命周期执行的时机

创建前后：new Vue

挂载前后：el 也就是挂载dom

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

更新前后：当改变data数据推动视图更新时触发（监听的是更新视图或者说是dom元素）
生命周期干什么事情

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

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

销毁后：页面有定时器࿰