vue中的周期函数=生命周期函数=生命周期钩子=生命周期事件 说白了就是创建一个实例对象后,从创建 运行 以及销毁中所发生的事件:
什么是生命周期:从vue实例的创建 运行 销毁过程中会伴随各种各样的事件,这些事件统称为周期函数
1.创建期间的周期函数:
beforecreate():实例在内存中刚被创建出来,此时还没有初始化好data和methods属性
created():实例已经在内存中创建好,此时data和methods已将ok,此时还没有编译模板
beforemount():此时完成了模板的编译,但是还没有挂载到页面
mounted():将编译好的模板挂载到页面中指定的容器显示
2.运行期间的周期函数:
beforeUpdate():状态更新之前执行此函数,此时data中的状态值是最新的,但是页面中的值是旧的,因为此时还没有渲染dom节点
updated():实例更新完毕之后执行此函数,此时页面中的数据是更新后的新数据,界面已经被渲染好了
3.销毁期间的周期函数:
beforeDestroy():实例销毁之前执行的函数,此时data和methods都可以使用
destroyed():调用后,vue实例中的所有东西都会解绑,所有监听事件被移除,所有的子实例也会被销毁