vue+element-ui那一篇的补充

1、点击创建项目，手动创建

2、殿加需要以下四项功能

3、选择版本

（其余不变）

4、创建好项目后，安装以下插件

下一个页面点击

5、安装依赖(这个依赖是相当于ajax)

6、创建git服务器

7、在项目下打开git命令窗口，依次输入以下命令，上传项目

（1）

（2）

git add .

（3）

git commit -m "add local"

（4）git服务器下面的

8、在idea里面打开项目

main.js为项目入口

删除目录中没用的内容

删除一些代码

新建login组件

出现以下错误解决措施

给组件配置路径

在App.Vue里面导入路由出口

重新启动编译运行

9、在style里面写上样式

写上需要导入以下两个依赖才能使用这个样式

10、定义全局样式

在main.js里面引入

11、样式表可以层级使用

12、从element组件 | Element网站上拉取组件

然后再vue.js里面导入element组件，并且能让vue使用

13、从iconfont-阿里巴巴矢量图标库获得图标并在idea里面使用

然后在购物车里面添加到项目

打开项目选择Font class,然后下载到本地，解压

然后把这个项目复制到idea当中

然后在main.js引入这个文件下的css文件

组件使用图片：

14、给组件定义数据，并绑定

15、创建表单的规则（表单验证），可以直接在element网址复制，修改即可

（1）创建规则

（2）使用规则

结果：

16、将表单重置

（1）通过ref指定表单组件

（2）定义方法：

（3）调用方法

17、使用validate方法验证表单，一般在最后表单提交的时候使用（例如，登录的时候使用）