vue中elementUI是什么-木庄网络博客

本文摘自PHP中文网，作者coldplay.xixi，侵删。

vue中elementUI是基于vue实现的一套不依赖业务的UI组件库，提供了丰富的PC端组件，减少用户对常用组件的封装，降低了开发的难易程度。

本文操作环境：windows10系统、vue 2.9、thinkpad t480电脑。

【相关免费文章推荐：vue.js】

1.vue简介

Vue 是一套用于构建用户界面的渐进式 JavaScript 框架，开发者只需要关注视图层，它不仅易于上手，还便于与第三方库或既有项目的整合。是基于MVVM（Model-View-ViewModel 即：视图层-视图模型层-模型层）设计思想。提供MVVM数据双向绑定的库，专注于UI层面。

2.Element-Ui简介

element 是基于 vue 实现的一套不依赖业务的 UI 组件库，提供了丰富的PC端组件，减少用户对常用组件的封装，降低了开发的难易程度。

3.vue与Element-Ui的关系

4.vue+Element-Ui的使用

第一步：安装vue-cli手脚架（注：前提是保证安装了nodejs，可通过打开cmd，输入 node -v，检查是否安装，命令行显示nodejs的版本，代表安装成功）

第二步：nodejs安装完成后使用命令安装 vue 和vue-cli，命令如下：

1	`cnpm install vuecnpm install vue-cli -g`

注：-g 表示全局安装

第三步：初始化webpack，命令如下：

1	`vue init webpack 项目名`

第四步：初始化时根据提示填写，完成后即可安装element-ui，然后在index.js中引入全局注册即可,如下所示：

安装element-ui

cnpm install element-ui --save
index.js中引入全局注册  
import ElementUi from 'elemet-ui'import '@/theme-et/index.css'Vue.use(ElementUi)

相关免费学习推荐：javascript（视频）

以上就是vue中elementUI是什么的详细内容，更多文章请关注木庄网络博客！

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者