vue中elementUI有什么用

小编给大家分享一下vue中elementUI有什么用，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

成都一家集口碑和实力的网站建设服务商，拥有专业的企业建站团队和靠谱的建站技术，十年企业及个人网站建设经验 ,为成都上千多家客户提供网页设计制作,网站开发,企业网站制作建设等服务,包括成都营销型网站建设，品牌网站设计，同时也为不同行业的客户提供成都网站设计、成都网站制作的服务,包括成都电商型网站制作建设,装修行业网站制作建设，传统机械行业网站建设,传统农业行业网站制作建设。在成都做网站,选网站制作建设服务商就选创新互联。

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

1.vue简介

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

2.Element-Ui简介

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

3.vue与Element-Ui的关系

1.Element-Ui是基于vue封装的组件库，简化了常用组件的封装，提高了重用性原则；

2. 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 --save
index.js中引入全局注册  
import ElementUi from 'elemet-ui'import '@/theme-et/index.css'Vue.use(ElementUi)

以上是“vue中elementUI有什么用”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！