vue和elementui之间存在着什么关系

这篇文章主要介绍vue和elementui之间存在着什么关系，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

成都创新互联公司是一家集成都网站建设、成都网站制作、网站页面设计、网站优化SEO优化为一体的专业网站设计公司，已为成都等多地近百家企业提供网站建设服务。追求良好的浏览体验,以探求精品塑造与理念升华,设计最适合用户的网站页面。 合作只是第一步，服务才是根本,我们始终坚持讲诚信，负责任的原则，为您进行细心、贴心、认真的服务,与众多客户在蓬勃发展的市场环境中,互促共生。

介绍

    要想知道vue和elementui之间有啥关系，首先我们必须了解vue和elementui，只有对它们有所认识，才能更好的理解它们之间的关系。本文主要针对它们之间的关系做个简短的介绍。

1.vue简介

    Vue 是一套用于构建用户界面的渐进式 JavaScript 框架 ，开发者只需要关注视图层， 它不仅易于上手，还便于与第三方库或既有项目的整合。是基于MVVM（Model-View-ViewModel 即：视图层-视图模型层-模型层）设计思想。提供MVVM数据双向绑定的库，专注于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 vue
cnpm 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之间存在着什么关系的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！