vue 生命周期

生命周期：vue实例从创建到销毁的过程，主要包含vue实例创建=>初始化数据=>编译模版 => 挂载dom然后渲染，修改依赖，响应式地触发视图更新，最后再到销毁的一系列过程
主要分为8个阶段 创建前后beforeCreate created， 挂载前后beforeMount mounted ,更新前后beforeUpdate updated, 销毁前后beforedestory destoryed 还有一些特殊场景的生命周期 keepalive缓存组件被激活的activited，被停用的时候 deactivited

image.png
image.png
image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • vue生命周期
    Vue在被创建的时候都要经过一系列的初始化过程，这个初始化过程例如设置数据监听，编译模板，将实例挂载Dom并在数据...
    JuneLau阅读 347评论 0赞 0
  • vue生命周期
    1.什么是 vue 生命周期？有什么作用？ Vue 实例有⼀个完整的⽣命周期，也就是从开始创建、初始化数据、编译模...
    硅谷干货阅读 1,220评论 0赞 18
  • Vue生命周期详解
    每个vue实例从创建到销毁的过程都是一个生命周期，也会运行对应的钩子函数，下图为Vue生命周期示意图： 1.bef...
    yun_154192阅读 12,659评论 1赞 7
  • Vue - 生命周期详解
    每个vue实例从创建到销毁的过程都是一个生命周期，也会运行对应的钩子函数，下图为Vue生命周期示意图： 1.bef...
    Starkchen阅读 1,239评论 0赞 0
  • 从源码解读Vue生命周期 2021-03-21
    基础知识 Vue的生命周期 大自然有春夏秋冬，人有生老病死，优秀的Vue当然也存在自己的生命周期。 对于Vue来说...
    猴逃逃阅读 280评论 0赞 0