Javascript Vue Js登录组件

我正在Vue.js中建立一个注册系统，需要一些关于如何最好地进行注册的建议

假设这是我的表格。我希望所有操作都在/login下进行。（我知道通过路由器更容易做到：））

浏览内容的最佳实践是什么？如果我通过组件分离表单会更好吗？是设置页面变量并将其设置为需要显示的内容的方法吗？使用

v-show

？或者其他任何事情都将不胜感激

在下面找到一个我需要的虚拟示例，以获得一个想法

newvue({
el:“应用程序”，
数据：{
登录：{
登录名：“”，
密码：“”
},
忘记：{
电子邮件：“”，
},
页面：'登录'，
},
方法：{
onSubmit（）{
返回true；
},
someAction（）{
返回true；
},
另一项行动（）{
返回true；
}
}
})

登录
忘记密码了？
登录
忘记密码
-
忘记电子邮件
提交
忘记电子邮件
这里有一些内容

返回登录

一些建议：

为每个流提供单独的页面会更好，一个用于登录，一个用于恢复密码，一个用于注册，等等，因为您可以向用户共享确切的URL（使用vue router会更容易）

如果流非常小，您可以有一个处理主流的父组件和每个流（表单）的几个子组件，您可以使用Vue动态组件

您需要考虑如何处理身份验证（json web tokes/simple password，oauth2），这在实现功能之前是一件非常重要的事情

---

谢谢你的评论，真的很有帮助。我已经用Oauth2设置了身份验证。我只是想添加忘记密码功能，但不确定哪种方法更好。