vue实例的生命周期
- 生命周期钩子 = 生命周期函数 = 生命周期事件
- 组件创建阶段的生命周期函数
- beforeCreate(){} 第一个生命周期函数,实例被创建前会执行它,此时data和methods中的数据还没初始化
- created(){} 第二个生命周期函数,此时 data 和methods数据刚刚初始化,可调用
- beforeMount(){} 第三个生命周期函数,编译模板之后,挂载渲染之前,执行到它,此时页面中的元素数据还未被vue替换
- mounted(){} 第四个生命周期函数,内存中的模板已经挂在到页面中,页面已渲染好(最后一个生命周期函数)
- 组件运行阶段的生命周期函数
- beforeUpdate(){} 表示数据已改变但界面还没有被更新
- updated(){} 界面已被更新
- beforeDestory(){} vue实例已经运行阶段,进入到销毁阶段( data methods 等仍处于可用状态)
- destory(){} 组件已经被完全销毁,所有数据、方法、指令、过滤器都不可用