destoryed、beforeRouteLeave、afterEach三种响离开当前页面时的执行某个命令的区别

destoryed是当我们离开这个页面的时候，便会调用这个函数(具体可以看看vue的的生命周期)，我们常用来销毁一些监听事件及定时函数

// 销毁时调用的函数
destroyed() {
this.function()
}

beforeRouteLeave是在页面离开时做的操作

//必须要有next()它相当于一个按钮触发默认触发跳转,next(false)是禁止页面跳转

//beforeRouteLeave和methods同级

//这块代码是说离开该路由前调用这个function函数然后在离开该页面

beforeRouteLeave(to,form,next){

this.function()

next()

}

afterEach是路由守卫中的全局后置钩子

router.afterEach((to, from) => {

console.log(to); //即将要进入的路由对象

console.log(from); //当前导航要离开的路由对象

this.function()//要执行的函数

})
//afterEach函数不用传next()函数,但是beforeEach需要

这三个块代码都是想要离开页面执行function函数,但是destoryed和afterEach如果function函数内需要调取后台接口,他们两个都是数据返回之前就跳转了,不过如果是销毁一些监听,这三个函数差距不大,因此调用数据时候最好用beforeRouteLeave

destoryed、beforeRouteLeave、afterEach三种响离开当前页面时的执行某个命令的区别相关推荐

小程序离开当前页面时，清除定时器问题
一.小程序离开当前页面时,会遇到清除定时器失效问题解决方式: // pages/setInter/index.js Page({/*** 页面的初始数据*/data: {myInterv: '', ...
linux下dd做优盘启动_Linux中制作U盘启动盘的三种方法，使用启动盘创建器/dd命令和Etcher...
本文介绍在Linux系统中制作U盘启动盘的三种方法:使用启动盘创建器.dd命令和Etcher,以下以优麒麟Ubuntu Kylin 19.04为例,为你介绍这三种方法.如果要在Windows中制作U盘 ...
uni-app三种生命周期及页面跳转方法
uni-app三种生命周期应用生命周期应用生命周期函数: onLaunch:当uni-app初始化完成时触发(全局只触发一次) onShow:当uni-app启动,或从后台进入前台显示 onHid ...
VMware运行Ubuntu 三种网络连接方式：bridge、NAT、Host-Only的区别
https://www.cnblogs.com/janealer/p/5222489.html 我的Host是Windows7,安装VMware虚拟机,在虚拟机中装了Ubuntu10.04,首先介绍下 ...
spark的三种运行模式以及yarn-client和yarn-cluster在提交命令上的区别
本文针对的是Spark 2.3.1 standalone:线下模式分为standalone-client和standalone-cluster两种模式 yarn:线上模式又分为yarn-clien ...
vue axios全局封装请求和 vue三种js跳转页面方式
axios全局封装请求第一步在src文件下新建api文件文件下新建request.js文件 // 导入axios import axios from "axios"; // 进 ...
Linux中三种引号(单引号、双引号、反引号)的区别
1. 双引号保护特殊元字符和通配符不被shell解析,但是允许变量和命令的解析,以及转义符的解析. 2. 单引号单引号内不允许任何变量.元字符.通配符.转义符被shell解析,均被原样输出. 使用 ...
Ubuntu系统三种安装软件包的方法（apt/aptitude/deb命令）和常用的镜像源
阅读摘要 Ubuntu安装软件包 apt 安装 aptitude安装使用Deb包安装镜像源阿里云清华大学开源软件镜像站中科大源网易 Ubuntu apt-get命令安装软件包时遇到的问题 ...
三种方法实现scp拷贝时无需输入密码
作为一个运维人员,我经常要将一些文件传输到另外一个服务器上,而且都是Linux的命令行环境,那么对于我来讲scp就是最直接有效的方法了,但是,使用scp需要指定远端服务器的帐号并手动输入密码,那么如何 ...

destoryed、beforeRouteLeave、afterEach三种响离开当前页面时的执行某个命令的区别

destoryed、beforeRouteLeave、afterEach三种响离开当前页面时的执行某个命令的区别相关推荐

最新文章

热门文章