生命周期就是Vue实例从创建到销毁的过程,
由开始创建, 初始化数据, 编译模板, 挂载dom, 更新, 卸载等一系列过程
总共分为八个阶段
创建前/后 (beforeCreate/created),
载入前/后 (beforeMount/mounted),
更新前/后 (beforeUpdate/updated),
销毁前/销毁后 (beforeDestroy/destroyed)
适用场景
- beforeCreate: 可以在这加个loading事件,在加载实例时触发
- created : 初始化完成时的事件写在这里,如在这结束loading事件,异步请求也适宜在这里调用
- mounted : 挂载元素,获取到DOM节点
- updated : 如果对数据统一处理,在这里写上相应函数
- beforeDestroy : 可以做一个确认停止事件的确认框
- nextTick : 更新数据后立即操作dom