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

时间:2017-02-15 08:04:37

标签: vue.js frontend vue-router vuex

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

  1. 页面应在登录时重新获取 - >注销 - >登录其他帐户 (使用beforeRouterEnter,beforeRouterLeave重新获取!?或者使用条件来保存活动组件!?)
  2. 但是vue-router不能使用vue数据检查页面应该保持活着......

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

      用户:{       计划:{         xxx:''       }     }

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

      另外,我可以在模板中编写很多v-if,但我认为将v-if放在模板周围以确保数据存在是不是一个好主意..ex: v-if =" user.plan&& user.plan.xxx" 或者在组件根模板中添加v-if,这是一个好主意!?

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

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

0 个答案:

没有答案