vue组件库(Element UI)

 

目录

1. 什么是 vue 组件库

2. vue 组件库和 bootstrap 的区别 

3. 最常用的 vue 组件库 

4. Element UI 

4.1 在 vue2 的项目中安装 element-ui

4.2 引入 element-ui

4.3 完整引入

4.4 按需引入 

步骤1，安装babel-plugin-component：​编辑

步骤2，修改根目录下的babel.config.js 配置文件，新增plugins 节点如下：​编辑 

步骤3，如果你只希望引入部分组件，比如Button，那么需要在 main.js 中写入以下内容：​编辑 

4.5 把组件的导入和注册封装为独立的模块

---

1. 什么是 vue 组件库

在实际开发中，前端开发者可以把自己封装的.vue 组件整理、打包、并发布为npm 的包，从而供其他人下载 和使用。这种可以直接下载并在项目中使用的现成组件，就叫做vue 组件库。 

2. vue 组件库和 bootstrap 的区别 

二者之间存在本质的区别：

bootstrap 只提供了 纯粹的原 材 料 （ css 样式、 HTML 结构以及 JS 特效），需要由开发 者 做 进 一 步的 组 装 和 改造

vue 组件库 是 遵循 vue 语法 、 高度定制 的现成 组 件， 开 箱 即 用