使用 vue 构建的应用如何写登录页

Question

我们都知道 vue 是构建 spa 单页面应用的，但是正常的应用都有一个登录页面，这样的话，如何用 vue 实现呢？

例如：
TalkingData 官网
TalkingData登录页

在 TalkingData 官网点登录按钮时，跳到了登录页，难道这个网站不是单页面应用吗？

我主要是想使用 vue 来做。

Answer 1

所谓单页，应该是第一次请求会把这个“单页”的框架整个下回来，然后根椐路由“展示”和“获取”所需要部分的内容。

（就像是一个页面，有多个div，由router来控制哪个div显示或隐藏）

所以，如果是纯的单页应用，“登录页"只是这个单页的一个“部分”，一般会在router中拦载判断登录状态，未登录就展示“登录部分”

当然，你也不一定完全单页，比如登录可以独立来做，比如原来已有认证系统，可能直接用跳转的方式来处理更方便，登录成功再跳回应用。

Answer 2

用vue-router
https://router.vuejs.org/zh-cn/

Answer 3

单页面应用和你做登陆页面没有任何冲突！

然后你所说的
TalkingData 官网是单页面 它切换的是路由 你仔细看url的变化

实现！ iview视图写一个登陆页面 配置到路由里面 然后切换路由 点击切换到登陆的路由上 很简单的

Answer 4

单页应用前端来做路由就好了，vue-router