什么是vue的生命周期?
Vue实例从创建到销毁的过程,就是生命周期;
从开始创建、初始化数据、编译模板、挂载dom-->渲染、更新、更新渲染、销毁等一系列过程,称之为Vue的生命周期。
vue的声明周期分为那几个阶段?
8个阶段,分别是:
- 创建前beforeCreate
- 创建后created
- 挂载前beforeMount
- 挂载后mounted
- 更新前beforeUpdate
- 更新后updated
- 销毁前beforeDestroy
- 销毁后destroyed
vue生命周期的作用?
生命周期中有多个事件钩子,有利于我们控制整个vue实例的过程,形成更好的逻辑
vue有哪些生命周期钩子函数?
beforeCreate:
实例创建之前,在数据观测,初始化事件还未开始created:
实例创建完成,完成数据观测,属性和方法的运算,初始化事件,此时$el还没有显示出来,可以访问到data,computed,methods,watchbeforeMount:
在挂载之前被调用,相关的render函数首次被调用。编译模板,把data里面的数据和模板生成html,还没有挂载到Dom上mounted:
在el被新创建的vm.$el替换,并挂载到实例上后调用。实例挂载在Dom上,此时可以通过Dom的api获取dom节点,$el可以被访问了beforeUpdate:
响应数据更新时调用,发生在虚拟dom打补丁之前updated:
虚拟dom重新渲染或打补丁之后调用,dom已经更新,可以进行依赖于dom的操作beforeDestroy:
实例销毁之前调用,此时组件完全可用,可以通过this获取实例destroyed:
实例销毁后调用