element安装(element安装只有cuatom怎么办)

element UI的安装过程

1.npm安装：npm i element-ui -S

2.全局完整引入

2.按需引入

（1）首先，安装 babel-plugin-component，借助? babel-plugin-component ，我们可以只引入需要的组件，以达到减小项目体积的目的。

npm install babel-plugin-component -D

（2）

（3）

安装elementui

Element官网：

操作步骤：

第一步 ：

命令窗口中在项目地址下：

输入npm i element-ui -S 安装elementui 依赖

第二步：

第三步使用组件

表单

使用表单的验证规则时，其是根据prop来验证，所以prop得取值和v-[model]绑定的值一样，才能使二者指向相同，都是input框的value值 下面规则的名字需要和表单域model中的字段一模一样

可以做正则判断

03.Element UI 之安装使用（npm）

一、创建一个vue新项目（cli方式）

? ? |--命令：vue init webpack elementui02

二、通过npm方式安装element-ui

?三、项目中引入element

? ? |--两种方式：完整引入和按需引入

? ? |--完整引入：

|--按需引入（借助插件）：

? ? |--需要借助babel-plugin-component插件，按照我们需要的组件引入，以达到减小项目的目的。

? ? |--安装：babel-plugin-component

? ? |--修改.babelrc文件：

? ? |--在main.js进行配置：

? ? |--在HelloWorld进行使用：

? ? |--如果引入没有配置的组件：el-dialog

? ? |--完整的组件列表：

? ? ? ? |--详见：

四、全局配置size和zIndex

? ? |--在引入Element时，可以传入一个全局配置对象{size:'small',zIndex:3000}。

? ? ? ? |--size：用于改变组件的默认尺寸。

? ? ? ? |--zIndex：设置弹窗的出事z-index(默认：2000)。

? ? |--完整引入配置：

? ? |--按需引入配置：