先来引出一下遇到的问题：在做一个移动端支付页面，在付款页面点击支付按钮，支付失败时跳转至支付失败提示页面；支付成功时跳转至支付成功页面。在支付成功页面下，如果用户点击手机自带的“返回”键，就又会跳转至支付页面，这时，如果用户在不知情的情况下又点击了支付按钮，就会产生重复支付的情况 ...

vue 或者iview的框架里有个方法：需要刷线当前组件页面，不用刷线整个页面：网上有很多方法，但是不好使，都是刷新整个页面的方法，最终自己找到了方法，很好用： vue实现无刷新加载数据，使用的技术是依赖注入 关键字为provide inject在App.vue中 ...

花了整整一周时间，尝试过很多种方法，终于找到了最佳的解决方案（对我来说最佳），为了祭奠逝去的一周，也为了释放激动的情绪，现在不得不写篇博客了。 直接上重点： 第一步： //在APP.vue里面写上keepalive，可以实现缓存（keep-alive是什么？查看官方文档 ...

vue 路由如何回退指定页面： 一般页面跳转记录 a => b，想从 b 退回 a 如果页面跳转记录 a => b => c，想从 c 一步退回 a 如果页面跳转记录 a => b => c => b，页面的堆栈记录 ...

this.$router.go(0); 页面刷新 location.reload(); ...

情景： 在进行正常页面跳转操作后（页面A跳转到页面B），点击浏览器的左上角的‘后退’按钮，点击后，可以看到url地址已经发生了变化（url由页面B变为页面A），hash值也已经是上一页的路由，但是浏览器显示的内容却没有发生变化（依旧是页面B） 没有任何报错（页面A和页面B无任何js错误 ...

...

出现这种情况是因为依赖路由的params参数获取写在created生命周期里面,因为相同路由二次甚至多次加载的关系 没有达到监听，退出页面再进入另一个文章页面并不会运行created组件生命周期，导致文章数据还是第一次进入的数据。 解决方法：watch监听路由是否变化 ...