vue移动端物理按键点击两次再退出应用

vue生成的APP一般点击一次物理返回按钮便直接退出应用，用户使用时比较不方便。使用mui中的方法实现需要点击两次再退出应用。代码如下
1.npm下载一个mui依赖

npm install --save vue-awesome-mui

2.在main.js中引用

import Mui from 'vue-awesome-mui'
Vue.use(Mui)

3.在根目录中的index.html页面中添加实现方法：

<script type="text/javascript">
    mui.init({
      keyEventBind: {
        backbutton: true, //关闭back按键监听
      }
    })
    //首页返回键处理
    // 处理逻辑： 1s内，连续两次按返回键，则退出应用；
    var first = null;
    mui.back = function(){
      // 首次按键， 提示 再按一次退出应用
      if(!first){
        first = new Date().getTime();//记录第一次按下回退键的时间
        mui.toast("再按一次退出应用");
        // history.go(-1); // 回退到上一页
        setTimeout(function(){
          //1s 后清除
          first = null;
        }, 1000);
  
      }else{
        if(new Date().getTime() - first < 1000){
          //如果两次按下的时间小于1s
          plus.runtime.quit(); //那么就退出app
        }
      }
    }
  </script>