其他分享
首页 > 其他分享> > Vue - activated和deactivated两个声明钩子

Vue - activated和deactivated两个声明钩子

作者:互联网

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

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

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

标签:触发,Vue,deactivated,activated,钩子,组件,路由
来源: https://www.cnblogs.com/IamHzc/p/15415433.html