element ui 前台模板_Vue实战15——利用Element-Ui实现登录注册页面

承接上文：Vue实战14——抽离全局less变量与Vuex持久化、多模块构建。本文介绍如何利用Element-ui来实现登录注册的页面，本文git地址：

https://gitee.com/vuejslearn/news-list.git

---

先来看看实际效果吧：

• 登录页面

登录页面

• 注册页面

注册页面

登录注册页和导航栏联动

上文中，我们已经把vuex持久化并且模块化了，同时已经将Element导入到项目里了。前期的准备工作已经完成，接下来，我们开始重构我们之前的login.vue页面啦，实现登录注册页面。

首先我们需要知道的是，登录、注册都是在login.vue文件里实现，因此，我们需要定义一个属性，用来动态的显示。我们定义toLogin，false时表示注册，true