开发者社区> 问答> 正文

谈谈你对 Vue 生命周期的理解?

已解决

谈谈你对 Vue 生命周期的理解?

展开
收起
pandacats 2019-12-10 11:04:48 1678 0
2 条回答
写回答
取消 提交回答
  • 采纳回答

    (1)生命周期是什么?

    Vue 实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模版、挂载 Dom -> 渲染、更新 -> 渲染、卸载等一系列过程,我们称这是 Vue 的生命周期。

    (2)各个生命周期的作用

    生命周期

    描述

    beforeCreate

    组件实例被创建之初,组件的属性生效之前

    created

    组件实例已经完全创建,属性也绑定,但真实 dom 还没有生成,$el 还不可用

    beforeMount

    在挂载开始之前被调用:相关的 render 函数首次被调用

    mounted

    el 被新创建的 vm.$el 替换,并挂载到实例上去之后调用该钩子

    beforeUpdate

    组件数据更新之前调用,发生在虚拟 DOM 打补丁之前

    update

    组件数据更新之后

    activited

    keep-alive 专属,组件被激活时调用

    deadctivated

    keep-alive 专属,组件被销毁时调用

    beforeDestory

    组件销毁前调用

    destoryed

    组件销毁后调用

    2019-12-10 11:05:25
    赞同 展开评论 打赏
  • 强!

    赞楼上

    2020-01-31 20:32:09
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
Vue.js 在前端服务化上的探索与实践 立即下载
Vue.js在前端服务化上的实践与探索 立即下载
利用编译将 Vue 组件转成 React 组件 立即下载