Vue - activated和deactivated两个声明钩子

作用：路由组件所独有的两个钩子，用于捕获路由组件的激活状态。
具体名字：
activated路由组件被激活时触发。
deactivated路由组件失活时触发。

<script>
export default {
  name: "Info",
  props:['name','age'],
  activated() {
    alert("路由组件被激活时触发...")
  },
  deactivated() {
    alert("路由组件失活时触发...")
  }
}
</script>

tips :只有当组件被<keep-alive>包裹时，才能触发这两个生命钩子。