Vue生命周期

创建期间的生命周期函数

beforeCreate(): 实例完全被创建出来之前执行,data和methods中的数据都还没有被初始化

created():data和methods都已经被初始化好了

beforeMount():模板已经在内存中编译完成了,但是尚未把模板渲染到页面,此时页面还是旧的

mounted():内存中的模板已经真实的挂载到了页面中,用户已经可以看到渲染好的页面了,只要执行完mounted,就表示整个Vue实例已经初始化完毕了。


运行期间的生命周期函数:

这两个时间,会根据data数据的改变触发

beforeUpdate():界面还没有被更新,数据被更新了

updated():页面和data数据已经保持同步了


销毁期间的生命周期函数:

beforeDestroy():实例身上所有的data和methods以及过滤器指令等都处于可用状态,还没有真正执行销毁

destroyed():

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

推荐阅读更多精彩内容

  • Vue 实例 在文档中经常会使用 vm 这个变量名表示 Vue 实例,在实例化 Vue 时,需要传入一个选项对象,...
    鄙人才疏学浅阅读 603评论 0 1
  • Vue生命周期详解 一、Vue生命周期 与 作用 (生命周期钩子就是生命周期函数) (1)Vue生命周期:每个Vu...
    Grayly吖阅读 2,468评论 0 9
  • 生命周期函数(钩子)(事件) 生命周期图示 var vm= new Vue表示开始创建一个vue实例 init E...
    2764906e4d3d阅读 1,978评论 0 0
  • 先看完函数介绍,在看下面的生命周期函数图示把 beforeCreate 第一个生命周期函数,表示实例完全被创建出来...
    IT小池阅读 908评论 0 13
  • vue的生命周期 遇到的一个问题 在我的项目中,常用的生命周期钩子函数一直都是mounted,对于大部分情况,都是...
    盖伦_2985阅读 1,357评论 0 1