02vue开发-生命周期

vue实例的生命周期

• 生命周期钩子 = 生命周期函数 = 生命周期事件

1. 组件创建阶段的生命周期函数

• beforeCreate(){} 第一个生命周期函数，实例被创建前会执行它，此时data和methods中的数据还没初始化
• created(){} 第二个生命周期函数，此时 data 和methods数据刚刚初始化，可调用
• beforeMount(){} 第三个生命周期函数，编译模板之后，挂载渲染之前，执行到它，此时页面中的元素数据还未被vue替换
• mounted(){} 第四个生命周期函数，内存中的模板已经挂在到页面中，页面已渲染好（最后一个生命周期函数）

2. 组件运行阶段的生命周期函数

• beforeUpdate(){} 表示数据已改变但界面还没有被更新
• updated(){} 界面已被更新

• beforeDestory(){} vue实例已经运行阶段，进入到销毁阶段( data methods 等仍处于可用状态)
• destory(){} 组件已经被完全销毁，所有数据、方法、指令、过滤器都不可用