第三章 第二节 基于Vue的WebApp返回键操作

在上一节讲过了webapp的过渡动画，下面在列举一些用户体验的推荐（与其说是推荐，不如说是填坑）

返回键

使用安卓手机的往往都知道手机的返回键操作，在使用WebApp过程中，可以对返回键进行处理，默认情况下返回上一个页面，但是当你需要进行退出App操作时，可以如下：
index.vue

  mounted() {
    if (window.history && window.history.pushState) {
    //禁止操作返回键操作
      history.pushState(null, null, document.URL);
      window.addEventListener("popstate", this.goBack, false);
    }
  },
//离开页面时销毁监听
 destroyed() {
    window.removeEventListener("popstate", this.goBack, false);
  },
methods:{
    goback(){
        navigator.app.exitApp();
      }
    },
}