beforeUpdate() {
/* beforeUpdate值更新完之后，没有第一时间渲染到模板上
只是在vue的实例中把data数据给改了 */
console.log('beforeUpdate组件更新之前')
},
updated() {
/* updated是既改了data中的值，又把值渲染到了模板上 */
console.log('updated组件更新之后')
/* 使用的场景 需要改变data中数据，你还需要做一些事情（业务逻辑需要的事情，
例如埋点信息上报，echarts图获取了最新的数据需要重新渲染视图的时候），
那么这个时候就需要updated函数来触发 */
},
/* 路由进行跳转的时候，会触发下面的函数（组件之间的切换） */
beforeDestroy() {
/* 执行beforeDestroy的vue的实例化对象还存在，还没有被完全的销毁 */
console.log('beforeDestroy组件销毁前调用')
},
destroyed() {
/* 在执行destroyed的时候，组件已经完全被销毁 */
console.log('destroyed组件销毁后调用')
clearInterval(this.timer)
/* 使用destroyed来清除定时器，避免全局的使用，造成性能消耗 */
},
