介绍
要想知道vue和elementui之间有啥关系，首先我们必须了解vue和elementui，只有对它们有所认识，才能更好的理解它们之间的关系。本文主要针对它们之间的关系做个简短的介绍。
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是组件库；
elementui登录界面4.vue+Element-Ui的使用
第一步：安装vue-cli手脚架（注：前提是保证安装了nodejs，可通过打开cmd，输入node-v，检查是否安装，命令行显示nodejs的版本，代表安装成功）
第二步：nodejs安装完成后使用命令安装vue和vue-cli，命令如下：
cnpminstallvuecnpminstallvue-cli-g
注：-g表示全局安装
第三步：初始化webpack，命令如下：
vueinitwebpack项目名
第四步：初始化时根据提示填写，完成后即可安装element-ui，然后在inde.js中引入全局注册即可,如下所示：
安装element-ui
cnpminstallelement-ui--save
inde.js中引入全局注册
importElementUifrom'elemet-ui'
import'@/theme-et/inde.css'
Vue.use(ElementUi)
注：以上是个人在学习中理解，有哪些地方不对的，还请多多指教！！！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。