本文为纯原创，如需转载，请注明来源。2019年5月31日 09:13:58
说在前面的话
如果你当前使用的库是JQuery，那请参考我前面的文章<<JavaScript监听安卓物里返回键>>
如果是Vue-Cli（不是UMD引入的Vue），请继续往下看。
当我们向控制物理返回键（之后简称返回键）的时候，无非是想实现两种功能：
1、 用户点按返回键，不返回到上级页面，且不进行任何操作，达到禁用返回键的目的。
2、用户点按返回键，不返回到上级页面，但跳转到其它页面，或者执行其它内置方法，达到改写返回键的目的。
但由于在Vue项目中，控制页面跳转使用的是Router，如果直接在public/index.html中添加前文的方法，就会导致物理返回键被绝对控制，无法动态修改的问题。
而如果把前文的方法写到App.vue中，再在每个页面按需调用这个方法，则又会出现事件重复叠加的bug。
我也苦恼了好一阵，最后找到了个人认为比较完美的解决方案。
话不多说。
并未直接给出代码，而是从实现原理讲解。
1. 要实现前文中的pushHistory()方法
不同于传统JS的是，当我们在Vue项目中控制页面跳转时，为了不破坏Vuex中的数据，会使用this.$router.push() 来代替 window.location.href
而当我们按照前文中提到的方法使用后，发现vue生成的地址被完整替换掉了。
如图：
可见，使用前文方法后，由Router生成的hash被破坏掉了，虽然我未发现这对当前页面有什么影响，但这一定是不可取的。
随后我修改了这个方法如下：
function pushHistory(){
var state = {
title:"title",
url:window.location.hash};
window.history.pushState(state,"title",window.location.hash);
}
pushHistory()
并把它添加到了index.html里。
因为添加到index.html之后，我的pushHistory()将变成全局可以调用的方法，因为Vue会将所有的.vue文件渲染到这个index.html中。
我使用 window.location.hash替换掉了#，这样以保证Router生成的hash不被破坏掉。
该js代码添加的位置一定要在head中，否则根据执行顺序，如果写到了body后面，Vue是调取不到的。
2. 要有一个方法，可以在Vue的任何页面中调用,以用于拦截window.onpopstate请求，并且动态执行我们要执行的方法。
要实现一个在Vue个页面中可以调用的方法很简单，我们只要写带main.js中，再将它挂到原型链上即可。
代码如下：
function gotoURL(callback){
window.onpopstate = null;
window.onpopstate = function(){
callback()
}
}
Vue.prototype.gotoURL = gotoURL
main.js如图
请只看红框内的代码，不要在意别的。
3、调用
注意:请不要在App.vue中调用，因为App.vue只是其它页面的容器，只会被一次渲染, 我们在配置Router的时候，一般路径为'/'的页面会被直接渲染到App.vue中，所以当我们要控制初始页面的返回键，需要找到对应的vue文件中调用方法，而不是在App.vue中调用方法。
调用一般为 一个页面一次性调用，意思就是在页面渲染的时候，我们就要调用这个方法。
所以我要(建议)将调用的方法写到mounted周期中。如下：
mounted() {
let that =this;
pushHistory() // 必须存在
that.gotoURL(function () {
pushHistory() // 必须存在
console.log('666') // 点击返回键要执行的方法
})
}
为什么要把pushHistory调用两次？
我也曾删掉它们之中的任何一个，但是会出现返回键无法正常控制的问题，所以先加上，后期如果有更好方法，我会发上来。
不要滥用这个方法，只在需要的页面中使用，不需要的页面中请不要调用，以防出现问题。
产品设计建议： PM在设计产品时，请要考虑移动端的一些问题，尽量避免硬核控制返回键的情况出现。
如果读者有其它需要，可以通过我的简书首页签名下方的微信二维码添加我好友，请注明来意。
补：
有的朋友问我为什么使用DOM0事件控制popstate而不是DOM2,因为DOM2无法解绑匿名函数，因为我在不同页面代进来的callback是不一样的。使用DOM2会出现事件叠加。根据事件机制，所以使用DOM0，让每一次的事件都替换上一次的事件。
而在传统的JS中为什么可以使用DOM2，是因为每一个页面都切换了运行环境，所以前一个页面的DOM2不会和当前页面的DOM2相叠加。
