对vue生命周期的理解?

我理解的 生命周期意味着    vue实例   从 创建  --> 销毁的一个过程,分为7个阶段

1.创建

2.初始化数据

3.编译template

4.挂载dom

5.渲染

6.更新渲染

7.卸载

而这些生命周期对应着 vue2 中的一些生命周期钩子

beforeCreate: 实例创建之初

created:组件已经创建完成

beforeMount:组件挂载之前

mounted:组件挂载之后

beforeUpdate: 数据发生变化 更新之前

updated:数据发生变化 更新之后

beforeDestroy:组件销毁之前

destroy:组件销毁之后

activated:keep-alive组件激活

deactivated:keep-alive组件停用

const vm = new Vue() {} // 创建一个 空的实例对象 ==> beforeCreate 这个时候会初始化 data methods ==> 进入 created 解析模板语言 ==> 进入beforeMount  这个时候 模板已经编译好但是为更新  这个时候会将vue的el 替换成 真正的el  ==> 替换完成进入 mounted 这个时候 dom已经替换完成(这就是为什么需要在 mounted中 才能获取到dom,所以建议调用接口获取数据在created 中)==>  在组件销毁时  先进入beforeDetroy  ==>  销毁之后进入 destroy

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
禁止转载,如需转载请通过简信或评论联系作者。

推荐阅读更多精彩内容

  • 面试官:你对vue生命周期的理解? 一、生命周期是什么 生命周期(Life Cycle)的概念应用很广泛,特别是在...
    梦Sir阅读 5,993评论 0 3
  • 一、生命周期是什么 生命周期(Life Cycle)的概念应用很广泛,特别是在政治、经济、环境、技术、社会等诸多领...
    JerisonPaul阅读 3,240评论 0 0
  • 一、生命周期概念 首先,每一个vue实例都有一个完整的生命周期,主要分为五个阶段:创建、初始化、渲染、运行、销毁。...
    益码凭川阅读 7,535评论 0 0
  • vue生命周期总共分为8个阶段创建前/后,载入前/后,更新前/后,销毁前/后。 创建前/后: 在beforeCre...
    雨蒙_snow阅读 5,052评论 0 1
  • 生命周期钩子函数: 常用的有8个(生命周期不仅仅是8个),都是成对出现。 分别为:创建前/后,载入前/后,更新前/...
    Grit_1024阅读 2,682评论 0 4