VUE 物理返回键的处理

H5退出时所遇到的问题：

1。按返回键或anroid手机的物理返回键时，都不走destroy方法。

2。按物理返回键，添加popstate监听时，

（1）历史记录要准确，否则会执行多次监听方法

（2）进入子页面，监听没有及时移除，子页面也被监听了。

最近新做了个项目，需要在首页destroy的时候，调用接口更新数据，但是按返回键或anroid手机的物理返回键时，并不走destroy方法。

1。当按页面的返回箭头时的处理：

    backReturn () {
      this.$router.go(-1)
      this.$refs.myEnergy.destroySelf()
    },

按页面的返回箭头时，调用子组件的更新数据的方法；

2。按anroid物理返回键时，在网上查了很多资料，都是要添加监听，而且是当窗口历史记录改变时的监听，需要将历史记录一下。

我首先采用的方法：

mounted(){
  if (window.history && window.history.pushState) {
    history.pushState(null, null, document.URL);
    window.addEventListener('popstate', this.goBack, false);
  }
},

但采用这种方法存在一些问题，当我点击其他按钮跳转到子页面再返回来，再按退出键时，监听方法会跑2次。<