vue生命周期钩子


vue生命周期钩子

生命函数的介绍

Vue 实例从开始创建、初始化数据、编译模板、挂载Dom和渲染、更新和渲染、卸载等一系列过程,这是 Vue 的生命周期

生命函数的一一讲解

beforeCreate

实例还没有完全创建出来之前执行

created

实例创建完成后立即调用

beforeMount

在挂载之前被调用

mounted

表示内存的模板已经渲染页面中,此时数据已经可以经过Vue的编译

beforeUpdate

当页面数据发生了改变,就会去触发,当前页面的数据不会改变,内存的数据发生改变,数据没有同步

updated

当事件执行的时候,页面的数据已经和内存里面的是一致的,数据已经同步

beforeDestroy

组件销毁的时候去执行的

destroyed

事件执行后,所有的对于vue实例的指令都被解绑,所有的事件监听器被移除,所有的子实例也都被销毁。


文章作者: 曹豆芽
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 曹豆芽 !
 上一篇
倒计时误差 倒计时误差
setTimeout 倒计时误差JS 是单线程的,所以 setTimeout 的误差其实是无法被完全解决的,原因有很多,可能是回调中的,有可能是浏览器中的各种事件导致。这也是为什么页面开久了,定时器会不准的原因,当然我们可以通过一定的办法去
2020-03-16
下一篇 
谈谈变量提升? 谈谈变量提升?
谈谈变量提升?当执行 JS 代码时,会生成执行环境,只要代码不是写在函数中的,就是在全局执行环境中,函数中的代码会产生函数执行环境,只此两种执行环境 接下来让我们看一个老生常谈的例子,var b() // call b console.
2020-03-14
  目录