vue-cli和element-ui的使用

1、安装插件

package.json文件位置运行命令 vue add element 选择按需加载中文即可。

2、安装完毕以后，代码目录如下

在element.js中看到如下代码，表示的就是按需引入，需要什么组件，就引入什么组件，现在只引入了一个按钮组件，注意两点引入的组件名字都是第一个字母大写，use的时候需要单独用一行。用的时候用中间用'-'线的，在这里用的字母大写的方式，因为html中不识别字母的大小写。js中需要用字母的大小写。

下面演示一个表单的使用

直接上代码

注意一下几点

1、使用表单验证的时候，使用验证规则rules时，要在from-item上加上prop,prop的值是对应的名字，否则验证无效。

2、ref的使用，通过ref找到相应的表单，对其表单进行整体的处理。