【前端知识】vue的生命周期
一、vue的生命周期
1、vue的实例从创建到销毁的全过程
2、生命周期包括:创建、数据初始化、挂载、更新、销毁
- 创建:var vm = new Vue({}),创建一个vue实例对象
- 数据初始化
- 数据初始化之前:执行beforeCreate函数之前,data和method中的数据还没进行初始化
- 执行数据初始化
- 执行beforeCreate函数之后,开始进行数据初始化(data和methods)
- 完成数据初始化:执行created ()函数,初始化data
- 挂载
- 挂载前:执行beforeMount ()函数:渲染前的dom,如:{{message}}
- 执行挂载:执行mounted ()函数:渲染后的dom,如:hello world
- 更新
- 更新前:状态数据发生变化时,触发beforeUpdate()函数,
- 更新数据:执行updated()函数,拿到更新后的dom
- 销毁
- 执行beforeDestroy()函数:解除各种数据引用(实例的所有data和methods),移除事件监听,删除组件_watcher,删除子实例,删除自身self等。同时将实例属性_isDestroyed置为true
- 执行destroyed()函数:组件已销毁,组件中的所有数据、方法、执行、过滤器等,均不可用。