美文网首页vue
Vue生命周期

Vue生命周期

作者: 七分热度丶 | 来源:发表于2020-06-03 09:55 被阅读0次

语义化。

1.beforeCreate

实例组件刚创建好,元素DOM和数据data都还没有初始化。

2.created

数据data已经初始化完成,方法也已经可以调用,但是DOM还没有渲染。(在这个周期里面如果进行请求是可以改变数据并渲染,由于DOM还没挂载,请求过多或者占用时间过长会导致页面线上空白)。

3.beforeMount

DOM未完成挂载,数据也初始化完成,但是数据的双向绑定还是显示{{}},这是因为Vue采用了Virtual DOM(虚拟Dom)技术。先抢先占住了一个位置。

4.mounted

Dom已准备就绪,准备把数据放入模板待更新数据(ajax请求一般可以在这里发送)

5.beforeUpdate

看名字就知道了,在更新dom之前执行

6.beforeDestroy

Dom实例销毁之前执行

7.destroyed

销毁之后执行

相关文章

  • vue生命周期

    一 vue生命周期 Vue的生命周期:就是vue实例从创建到销毁的全过程 二 vue生命周期钩子 vue生命周期...

  • vue生命周期

    vue生命周期详: vue生命周期详解图: vue生命周期详解代码展示:

  • Vue生命周期

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

  • vue3较vue2的特别之处 - 生命周期

    vue2 生命周期 vue3 生命周期 将 Vue2 的生命周期钩子代码更新到 Vue3 参考地址:https:/...

  • 前端之路-VUE面试题

    vue生命周期面试题vue 生命周期是什么? Vue 实例从创建到销毁的过程,就是生命周期 beforeCreat...

  • Vue.js入门(二):生命周期

    1 生命周期 Vue生命周期是Vue实例从创建到销毁的过程,就是生命周期。在Vue实例的生命周期过程中会运行生命周...

  • vue生命周期

    vue里的生命周期是什么? vue实例从创建到销毁的过程称之为vue的生命周期 vue的生命周期各阶段都做了什么?...

  • Vue 生命周期

    vue里的生命周期是什么? vue实例从创建到销毁的过程称之为vue的生命周期 vue的生命周期各阶段都做了什么?...

  • vue学习记录

    vue全家桶 vue生命周期 生命周期的理解 新建项目 ①:cnpm install vue-cli -g (全...

  • Vue生命周期

    Vue生命周期 1、什么是vue生命周期? 答: Vue 实例从创建到销毁的过程,就是生命周期。也就是从开始创建、...

网友评论

    本文标题:Vue生命周期

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