Vuejs2 如何在Vue.js应用程序中重置主页面

我在Vue方面已经走了很长的路，所以我发现不能解决这个问题让我很沮丧

在我的应用程序中，我使用main.vue页面捕获用户登录、授权用户并验证数据。然后根据数据向用户提供“同步”选项或菜单。这很有效

然后，我们的UI要求用户通过几个页面来完成任务。完成后，我希望mhm返回main.vue中的菜单视图-子页面视图不再相关-我们不希望他们在菜单上“返回”一次。我们希望他们重新开始这个过程。像这样：

Menu ---> Step 1 ---> Step 2 --- > Step 3 |
   |                                      |
   | < -------------------------------------  

菜单--->步骤1--->步骤2--->步骤3|
|                                      |
| < -------------------------------------  

如果我在路由器中添加一个“主页”并转到那里，那么我会在其中嵌套一个新的Vue实例

如何重置DOM以从历史记录中删除这些视图并返回到原始菜单？ 或者有没有一种方法可以重置DOM中的节

注意-这是一个Framework7/Vue/Webpack/Cordova应用程序

---

感谢您的建议

我正在学习Vue+Framework 7，而且在路由方面也遇到了一些困难。在您的情况下，由于每个视图都是一个路由器，有自己的历史概念，那么您的步骤1-3是否在它们自己的视图中更有意义？因此，您将显示步骤视图，用户继续浏览其页面，然后您可以放弃该视图（不知何故）并返回主菜单视图？