简单说一下思路:
首先写结构,写出一个完整的登录注册页,简单配置好路由,当点击登录或注册时,使它能够进行简单的页面跳转。如下图(当然你可以自己写也可以参考element ui框架搭建项目结构):
它们之间的html结构基本一样,只是登录页是提交登录,注册页是向后台存储注册的信息,注册成功后登录页才能账号密码进行登录。组件信息(components),路由信息(router),视图(views)等如图所示:
写好结构就开始写怎么注册,因为你不注册是不能登录的!注册里面有两个input框,分别是用户和密码,在注册页(register.vue)里面开始渲染视图:在scrpit标签内写上data方法,用vue指令中的v-model分别给用户和密码绑定数据并在data里面保存name和password(分别是用户和密码框),并用return返回,并且设置正则。代码如下:
这是项目结构(HTML和JS&