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的关系
Element-Ui是基于vue封装的组件库，简化了常用组件的封装，提高了重用性原则；
vue是一个渐进式框架，Element-Ui是组件库；
4.vue+Element-Ui的使用
第一步：安装vue-cli手脚架（注：前提是保证安装了nodejs，可通过打开cmd，输入 node -v，检查是否安装，命令行显示nodejs的版本，代表安装成功）
第二步：nodejs安装完成后使用命令安装 vue 和vue-cli，命令如下：
cnpm install vuecnpm install vue-cli -g
登录后复制
注：-g 表示全局安装
第三步：初始化webpack，命令如下：
vue init webpack 项目名
登录后复制
第四步：初始化时根据提示填写，完成后即可安装element-ui，然后在index.js中引入全局注册即可,如下所示：
安装element-ui
cnpm install element-ui --saveindex.js中引入全局注册 import ElementUi from 'elemet-ui'import '@/theme-et/index.css'Vue.use(ElementUi)
登录后复制
相关免费学习推荐：vue.js（视频）
以上就是vue中elementUI是什么的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/3021392.html
