Vue路由组件独有的两个生命周期钩子

1. 作用: 用于捕获路由组件的激活状态

2. 具体名字:

2.1 activated路由组件被激活是触发

activated() {
    this.timer = setInterval(() => {
      console.log("@");
      this.opacity -= 0.01;
      if (this.opacity <= 0) this.opacity = 1
    }, 20)
  },

2.2 deactivated路由组件被失活时触发

deactivated() {
    console.log("News失活了");
    clearInterval(this.timer)
 }