vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > vue beforeDestroy和destroyed调用

vue生命周期beforeDestroy和destroyed调用方式

作者:飞飞飞~元宝

这篇文章主要介绍了vue生命周期beforeDestroy和destroyed调用方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

生命周期beforeDestroy和destroyed调用

情境一

离开当前路由,会直接调用;

当前路由不使用 缓存,离开当前路由会直接调用 beforeDestroy 和 beforeDestroy 销毁

情景二

离开当前路由,不会直接调用,需要程序控制调用;

当前路由使用 缓存,离开当前路由不会直接调用 beforeDestroy 和 beforeDestroy 销毁,需要使用路由钩子函数主动的调用

beforeRouteLeave(to, from, next) {
  this.$destroy();
  next();
}

beforeDestroy和destroyed生命周期函数的特点

beforeDestroy生命周期函数表示即将销毁,此时仍然可以使用子组件的实例、methods、watch

到了destroyed生命周期函数,此时已经被销毁,无法再使用子组件的实例,methods、watch

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文