1、created(){} '组件被创建时',
# 可以访问data、methods方法,
也可以进行数据代理、数据监听等操作
2、mounted(){} 'template挂载到整个DOM上时',
# 虚拟DOM被vue编译,转为真实的DOM,传入页面
# Vue完成模板的解析,并把 “初始的” 真实DOM元素放入页面后(挂载完毕后)调用mounted
# 以后就算模板中的数据发生改变,Vue模板需要重新渲染,那就叫更新了哦,不属于这个生命周期了
3、beforeUpdate(){}
# 更新之前,data中的数据经过操作发生改变时被调用。
# 这个阶段data中的数据经过操作是更新了,但是渲染到页面上的数据还不会发生变化。
4、updated(){} '界面发生刷新时',
# 更新完成,updated()和beforeUpdate()差不多,不同的是updated()这个阶段,data中的数
据,和渲染到页面上的数据 都会发生改变(页面和数据保持同步)
5、beforeDestroy(){} '销毁之前',
# 这个函数的作用,可以理解为,组件销毁之前的善后工作,通常把当前vue实例,或组件销毁前要做的
操作写入其中。
# 在这个阶段中,vue实例对象中的data、methods等仍处于可用的状态。
# 一般会在beforeDestroy(){}进行:关闭定时器、取消订阅消息、解绑自定义事件等操作。
6、destoryed(){} '销毁后,这个函数基本碰不到',
5、activated(){} '组件处于活跃时',
6、deactivated(){} '组件不活跃时