vue.js生命周期

生命周期: Vue中实例或者组件从创建到消灭中间经过的一系列过程;在生命周期中提供一系列事件,让用户在事件触发时注册js方法,这些事件响应的方法中this直接指向vue的实例。

官方文档的生命周期如图所示:

new Vue()---实例化vue对象

beforeCreate()---创建实例之前执行的钩子函数

created()---实例创建完成后执行的钩子函数,通常初始化某些属性值

beforeMount()---将编译完成的html挂载到对应的虚拟dom是触发的钩子函数,相关的render函数首次被调用(此时页面没有内容)

mounted()---编译好的html挂载到页面完成后执行的钩子函数,el被新创建的vm.$el替换(一般做些ajax请求数据进行初始化**在整个实例中只执行一次)

beforeUpdate()---更新之前的钩子函数

updated()---更新之后的钩子函数

beforeDestroy()---实例销毁之前的钩子函数,此时实例仍然完全可用

destroyed()---实例销毁完成的的钩子函数,调用后vue实例所有东西全解除绑定

原文地址:https://www.cnblogs.com/xiaolanschool/p/10552305.html