什么是使用vue，vue-router制作具有keep-alive的仪表板的最佳方法？

Question

我正在使用vue2，vue-router和keep-alive开发仪表板。我想要实现的目标如下：

1. 页面应在登录时重新获取 - ＆gt;注销 - ＆gt;登录其他帐户 （使用beforeRouterEnter，beforeRouterLeave重新获取！？或者使用条件来保存活动组件！？）

但是vue-router不能使用vue数据检查页面应该保持活着......

1. 在HTML模板中，它将渲染和渲染。如果有一些vuex数据直接在HTML中显示，那么在将对象放在对象内部时会出错：

  

用户：{       计划：{         xxx：＆＃39;＆＃39;       }     }

确定我可以为vuex数据提供所有属性init数据。它可以避免这种情况发生，但如果页面保持活着，它仍然会发生......

另外，我可以在模板中编写很多v-if，但我认为将v-if放在模板周围以确保数据存在是不是一个好主意..ex： v-if =＆＃34; user.plan＆amp;＆amp; user.plan.xxx＆＃34; 或者在组件根模板中添加v-if，这是一个好主意！？

使用beforeMount而不保持活着，没有问题，但它不是一个好的用户体验仪表板（当你更改页面，数据消失或你已经加载页面数据但又重新加载）

是否有人真正使用Vue 2并且它的相关库（vuex，vue-router）可以告诉我如何开发SPA项目？