Question

vue如何实现前端页面切换但不刷新页面内容

Answer 1

在点餐的时候，我们提交到确认订单却又返回了，从新含仔再点。这时我们返回时就不能刷新，所以最好是这个点餐和确认订单是在一个页面的。如果使用mui的单页面，可能会是页面太多了不方便操作。再加上接口什么的，就内容拆老盯过多。
我们可以考虑利用框架iframe，第二个页面通过iframe引进来，但是注意他们可能是一个页面了，当你进入第二个也就是那个iframe框架的页面时，返回可能就是整体返回而忽视点餐的那个页面，因为把他们当整体啦。
知识点：
window.self 对当前窗口自身的引用。等价于window

window.top. 返回顶层窗口，即浏览器窗口

window.parent 返回父窗口。在框架网页中，一般父窗口就是顶层窗口，但如果框架中还有框架，父窗口和顶层窗口就不一定相同旅和了。
在框架iframe指的那个具体的页面中写：

window.parent .closeiframe()
在包含框架的主页面写

function closeiframe(){//返回到该页面时隐藏框架
$("iframe").hide();
}

返回父窗口。

Answer 2

你可能卜派需要型中贺 vue-router，了解培轮一下？

网页链接