欢迎来到源码码网
帮助中心

源码码网

热门搜索: 淘宝客    点赞系统    虚拟商城源码    小程序源码   
免费发布需求
免费发布商品

深入了解vue与elementui两者之间的关系与区别

  • 时间:2020-08-13 11:15 编辑:admin 来源:源码码网 阅读:1046
  • 扫一扫,手机访问
摘要:      要想知道vue和elementui之间有啥关系,首先我们必须了解vue和elementui,只有对它们有所认识,才能更好的理解它们之间的关系。下面小编主要针对它们之间的关系做个简短的介绍。1.vue简介    Vue 是一套用于构建用户界面的渐进式 JavaScript 框架 ,开发者只需要关注视图层, 它不仅易于上手,还便于与第三方库或既有项目的整合。

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

element-ui.png

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 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)


推荐阅读:vuex与vue的关系与区别是什么?



  • 全部评论(0)
最新发布的资讯信息
【软件教程|软件开发】小圈app源码是如何部署的(2021-09-15 14:50)
【建站技巧|网站运营】最新开发织梦分页网站地图sitemap插件(2021-09-05 22:28)
【建站技巧|网站运营】织梦网站地图生成插件织梦生成网站地图sitemap(2021-09-05 21:18)
【建站技巧|网站运营】织梦网站手机端访问PC端页面跳转至对应的手机站页面(2021-09-03 17:03)
【建站技巧|网站运营】织梦网站在电脑端访问手机端页面自动跳转至对应的PC端(2021-09-03 16:29)
【行业资讯|】域名又涨价了!阿里云com和net后缀的域名又涨价了(2021-09-02 15:58)
【源码教程|】Html实现文字从左向右依次显示的两种方法(2021-08-16 11:12)
【源码教程|C语言教程】计算机编程语言有哪些?该如何有选择性的去学?(2021-07-19 21:38)
【源码教程|C语言教程】C语言开发学生信息管理系统演示及说明(文件版)(2021-07-19 18:19)
【源码教程|C语言教程】C语言开发贪吃蛇小游戏演示及说明(2021-07-19 18:13)
联系我们

QQ:2494243972、1105326722

投诉举报:1105326722@qq.com

广告合作:QQ 110532672

源码码网手机版二维码
联系客服
手机版
源码码网手机版二维码
扫一扫进手机版
返回顶部