美文网首页VUE
Vue生命周期钩子函数

Vue生命周期钩子函数

作者: 你好爱人i | 来源:发表于2018-07-09 20:55 被阅读25次

beforeCreate:在这个钩子函数中,数据没有被挂载,dom更没有被渲染,所以这个钩子函数基本没用。

created:在这里数据已经被挂载完毕,但是dom还没有被渲染。因此在这个钩子函数里更改数据的话不会触发其他钩子函数(updated),所以说这个钩子函数大多做一些初始数据的获取。

beforeMount:在这个钩子函数里,代表dom马上就要渲染了,但是还没有渲染,所以依旧获取不到dom。就像created一样这里依旧可以做初始数据的获取。

mounted:当mounted执行完的时候说明组件的生命周期的初始化阶段就结束了,此函数是初始化阶段最后一个钩子函数,在这里就可以使用到真实dom了。

beforeUpdate:在这里数据刚刚更改,dom还没有重新渲染。在这个钩子里我们一般什么都不做,因为dom还没有更新,更改数据会引起死循环。

updated:在这个钩子函数里我们可以使用到更新后的dom了,但是依旧不能更改数据以免引起死循环。

beforeDestroy:在这里通常是善后,在这里可以将自己绑定的计时器,事件监听之类的统统去掉。

destroyed:此钩子函数也可以做善后工作。这里说明组件已被销毁,组件的生命周期已经被结束。

相关文章

  • vue 获取节点 获取事件

    vue 生命周期 什么是钩子函数 一开始就执行的 就是钩子函数 vue 钩子函数 也称作为生命周期 befor...

  • 详细的分析 Vue生命周期

    Vue 的生命周期 生命周期执行的函数叫法有三种: 生命周期钩子 生命周期函数 钩子函数 生命周期钩子概念: 在v...

  • 深入浅出Vue生命周期钩子函数

    首先,先展示官方的Vue生命周期钩子函数的图示 在Vue2.0+版本,一个Vue实例共有以下八个生命周期钩子函数 ...

  • Vue的生命周期与钩子函数

    完整的Vue生命周期和钩子函数

  • 什么是生命周期钩子函数?

    new Vue()调用$Mount 生命周期钩子函数应用:

  • Vue生命周期

    Vue生命周期详解 一、Vue生命周期 与 作用 (生命周期钩子就是生命周期函数) (1)Vue生命周期:每个Vu...

  • vue生命周期分析

    无论是面试也好还是做项目中也好,Vue生命周期钩子函数都是特别重要的;下面是给大家总结的vue生命周期每个钩子函数...

  • 😄--前端面试整理--VueJs

    1、Vue的指令都有哪些? 2、Vue的生命周期函数 3、除了生命周期函数还有哪些钩子函数 4、Vue组件是怎么进...

  • vue生命周期

    学习vue的生命周期 什么是生命周期函数? vue的生命周期函数(又称为钩子函数)是一个vue实例从开始创建,到初...

  • 生命周期

    生命周期: 1、又名:生命周期回调函数、生命周期函数、生命周期钩子。 2、是什么:Vue在关键...

网友评论

    本文标题:Vue生命周期钩子函数

    本文链接:https://www.haomeiwen.com/subject/lzyruftx.html