vue如何消除点击“返回”按钮恼人的操作？

Question

注：最近在做混合app开发，标题中的 “返回” 包含 浏览器的返回按钮 和 手机的返回键。

条件：

vue项目有 Index、List、Detail 三个路由，分别对应三个同名组建，Index 有 路由 跳转到 List，List 有路由跳转到 Detail ，反过来，Detail 有返回按钮，可以跳转到 List，List 有返回按钮跳转到 Index

问题描述

按正常操作逻辑，在 Index 上点击按钮跳转到 List 页面，List 页面点击某条记录跳转到 Detail 页面，这个时候是没有问题的，但是当你点击 Detail 上的返回按钮 跳转到 List 页面时，再通过点击“返回”按钮，你会发现又跳转到 Detail 页面去了——这个时候往往期望的是返回到 Index 页面。

问题

1、该怎么处理这个操作呢？？？ 以便让 app 体验更好，求思路；
2、想实现一个点击手机返回按钮，然后提示：“再按一次退出”的功能（可能上上面关系不大，如果有思路也请提供下）

谢谢！！！

Answer 1

建议了解一下hashChange、popstate事件

Answer 2

知识点：onpopstate事件，点击后退按钮(或者在JavaScript中调用history.back()方法)时触发；代码：window.onpopstate = function() {         alert("再按一次退出")    };