美文网首页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生命周期

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