Vue+Element 创建登录Demo

熟悉了Vue的加载逻辑，那么现在来做一个用户登录页面吧 :)
做页面的话就需要选择一个UI库，我这里选用的是Element，原因是ElementUI在GitHub上是使用人数最多的，开发团队人员多，bug修复的快。
Element官网地址：Element - 网站快速成型工具
具体使用可以参照官网 开发文档

1.安装Element

使用命令安装element

npm i element-ui -S

关于这个命令这里有必要说下：

npm install 本身就有一个别名 npm i
npm i module_name -S 即 npm install module_name --save-prod 写入dependencies，发布到开发环境
npm i module_name -D 即 npm install module_name --save-dev 写入devDependencies，发布到生产环境
npm i module_name -g 即 global全局安装(命令行使用)
npm i module_name 即 本地安装(将安装包放在 ./node_modules 下)

安装执行效果如下（我这里使用powershell执行的，用webstrom的Terminal执行一样）：

执行完以后再package.json中会增加element的版本信息，如果以后升级直接在这里改版本号即可：

2.引入Element

在main.js中加入下面内容即可引用：

3.新建登录组件

在views文件夹下新建Login.vue文件，并在