前几天测试提了一个bug，场景是这样的，一个表格需要在点击返回回到列表页的同时保存数据，于是我把保存数据的接口放在了beforeDestory里，测试的时候发现了问题，应该返回触发跳转路由是立即发生的，目标页面是需要调一个列表接口的，于是就发生了，保存接口在列表接口之后才调用完成（看了下network其实两个是并行的，只是列表接口耗时短，状态先完成了），于是找了下原因，原来是beforeDestory是在created之后，mounted之前发生的。。。
实际的发生顺序
目标页面.created()
目标页面.beforeMount()
当前页面.beforeDestroy()
当前页面.destroyed()
目标页面.mounted()
Vue中实例对象的生命周期详解及细节应用 晴 微风 温度 12-26°C 在JS中我们想要使用Vue框架进行开发则...
一、生命周期 先贴两张图： vue生命周期 小程序生命周期 相比之下，小程序的钩子函数要简单得多。 vue的钩子函...
一 vue生命周期 Vue的生命周期：就是vue实例从创建到销毁的全过程 二 vue生命周期钩子 vue生命周期...
前几天测试提了一个bug，场景是这样的，一个表格需要在点击返回回到列表页的同时保存数据，于是我把保存数据的接口放在...
vue的生命周期： 在new vue（）创建一个vue实例后，先初始化vue本身默认的生命周期和事件,此时vue的...
vue生命周期详： vue生命周期详解图： vue生命周期详解代码展示：
vue 中 data 为什么是一个函数 vue 组件的通信 vuex 的原理 vue 生命周期 v-if 与 v-...
二、Vue语法基础 1、Vue中的应用和组件的基本部分 代码 运行结果 2、理解Vue的生命周期函数* 生命周期图...
详解Vue Lifecycle 先来看看vue官网对vue生命周期的介绍 Vue实例有一个完整的生命周期，也就是从...
VUE 是一个构建用户界面的渐进式前端框架 生命周期 生命周期钩子中的this上下文指向它的VUE实例图示： ne...
本文标题：vue生命周期中的一个小细节
本文链接：https://www.haomeiwen.com/subject/qnioxrtx.html
网友评论