首页 > 其他 > 详细

关于vue中的周期函数

时间:2020-01-03 10:10:02      阅读:92      评论:0      收藏:0      [点我收藏+]

vue中的周期函数=生命周期函数=生命周期钩子=生命周期事件  说白了就是创建一个实例对象后,从创建  运行 以及销毁中所发生的事件:

什么是生命周期:从vue实例的创建 运行 销毁过程中会伴随各种各样的事件,这些事件统称为周期函数

1.创建期间的周期函数:

beforecreate():实例在内存中刚被创建出来,此时还没有初始化好data和methods属性

created():实例已经在内存中创建好,此时data和methods已将ok,此时还没有编译模板

beforemount():此时完成了模板的编译,但是还没有挂载到页面

mounted():将编译好的模板挂载到页面中指定的容器显示

2.运行期间的周期函数:

beforeUpdate():状态更新之前执行此函数,此时data中的状态值是最新的,但是页面中的值是旧的,因为此时还没有渲染dom节点

updated():实例更新完毕之后执行此函数,此时页面中的数据是更新后的新数据,界面已经被渲染好了

3.销毁期间的周期函数:

beforeDestroy():实例销毁之前执行的函数,此时data和methods都可以使用

destroyed():调用后,vue实例中的所有东西都会解绑,所有监听事件被移除,所有的子实例也会被销毁

 

 

关于vue中的周期函数

原文:https://www.cnblogs.com/xiaoxingrui520/p/12142916.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!