vue中elementUI是什么


本文摘自PHP中文网,作者coldplay.xixi,侵删。

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,命令如下:

1

cnpm install vuecnpm install vue-cli -g

注:-g 表示全局安装

第三步:初始化webpack,命令如下:

1

vue init webpack 项目名

第四步:初始化时根据提示填写,完成后即可安装element-ui,然后在index.js中引入全局注册即可,如下所示:

安装element-ui

1

2

3

cnpm install element-ui --save

index.js中引入全局注册 

import ElementUi from 'elemet-ui'import '@/theme-et/index.css'Vue.use(ElementUi)

相关免费学习推荐:javascript(视频)

以上就是vue中elementUI是什么的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

如何解决vue $refs报错问题

分享一个vue全局配置的实例代码

vue 和 react 的优点有哪些

vue和react属于js库吗

vue自定义指令

vue $on是什么意思

vue首页为什么会渲染两次?原因和解决方法介绍

4个很 nice 的vue router过渡动效,快来收藏!

vue weex是啥?

vue如何引入bootstrap

更多相关阅读请进入《vue》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...