一步步教你vue项目组添加element组件

什么是element组件？这款组件是饿了么提供的开源组件库，可以让我们的前端开发效率迅速增长。vue项目导入element组件安装element插件ctrl+shift+Y打开终端输入命令窗口：npm i element-ui -S引入element在vue项目的main.js文件中引入//引入 element UI库import ElementUI from 'element-ui';//引入

make_888

2659人浏览 · 2020-06-10 09:38:23

make_888 · 2020-06-10 09:38:23 发布

什么是element组件？

这款组件是饿了么提供的开源组件库，可以让我们的前端开发效率迅速增长。

vue项目导入element组件

安装element插件

ctrl+shift+Y打开终端输入命令窗口：

npm i element-ui -S

引入element

在vue项目的main.js文件中引入

//引入 element UI库
import ElementUI from 'element-ui';
//引入 element UI库的样式，不引用没有组件样式
import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI);

之后我们就可以在vue项目中使用element提供的组件了。

组件网址：https://element.eleme.cn/#/zh-CN/component/quickstart

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^