Vue推荐使用element-ui

原创已于 2022-02-25 10:17:33 修改 · 9.6w 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#vue.js #ui #elementui

收录于

于 2019-01-31 16:28:58 首次发布

vue 专栏收录该内容

101 篇文章

订阅专栏

本文详细介绍了如何使用npm安装Element UI，并在Vue项目中进行配置。通过简单的几步操作，即可在项目中使用Element UI的各种组件。同时，推荐访问Element UI官网获取更多样式和组件的使用方法。

安装:npm i element-ui -S

配置:main.js中添加

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

OK!即可使用。去官网Element - The world's most popular Vue UI framework找样式,复制代码吧

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

文子阳

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
4
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

不使用Element UI库借助jQuery的库也可以实现‘搜索下拉框’的功能噢

weixin_47024018的博客

02-17

748

搜索下拉框介绍以CSDN下拉菜单反馈性关键词是用户在搜索时与搜索引擎的第一步互动，在互动过程中，搜索引擎的反馈关键词不断调整来满足用户的个性需求! 下面也可以通过jQuery的库进行实现，后台仅需要提供一个查询的接口给我们前端即可完成，前端也不需要自己再重写令人烦心的样式。如果后台返回的数据没有分页或者固定多少条，我们需要拿到数据后截取10条-15条进行展示！使用背景在一个移动端项目需要做一个搜索下拉框的功能，该技术选型是jQuery，而并非Vue，这样有些Vue封装好的第三方库就无法实现了，我这边找

4 条评论您还未登录，请先登录后发表或查看评论

Vue UI 框架对比 element VS iview

高先生的猫

07-20

8025

element VS iview (最近项目UI框架在选型，做了个分析，不带有任何利益相关）主要从以下几个方面来做对比使用率（npm 平均下载频率，组件数量，star, issue…) API风格打包优化与设计师友好性 1，使用率（npm 平均下载频率，组件数量，star, issue…) npm 下载次数及issue 目前明显未解决bug遗留数量 , 这个应该跟生态也有关系，用element 的人多，发现bug 的几率更大，2是iview 里面有很多issue 写明是..

Vue.js是由尤雨溪创建的开源渐进式JavaScript框架，于2014年首次发布，Vue以“易用、灵活、高性能“为核心理念

热门推荐

香蕉你个芭呐呐的博客

08-12

1万+

elementui中的table表格组件包含行列的合并单元格；iview的table表格组件只提供了表头的合并单元格；如果表格涉及合并单元格建议使用elementui ivew的整体风格比较清新，适合后台管理系统两者都可以按需引入 ivew的表单验证样式；和验证提示样式比较友好 ...

2024年Web前端最全习题6-5 使用函数验证哥德巴赫猜想 (20 分)(1)，前端开发全套学习

2401_84446919的博客

05-05

1039

其实前端开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。这里再分享一个复习的路线：（以下体系的复习资料是我从各路大佬收集整理好的）《前端开发四大模块核心知识笔记》最后，说个题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

gitblog_00010的博客

05-11

1294

**Element React** 是由ElemeFE开发团队为React社区精心打造的一款UI库，它是基于Vue的著名组件库[Element](https://github.com/ElemeFE/element)的React版本。这个开源项目旨在让React开发者能够享受到和Vue开发者一样的优雅界面体验。 ## 项目介绍 Element React提供了一系列美观且实用的React组件，...

基于SpringBoot+Vue的spring留学信息推荐系统管理系统设计与实现【Java+MySQL+MyBatis完整源码】

qq5_910946292的博客

10-04

488

开源免费分享基于SpringBoot+Vue的spring留学信息推荐系统管理系统设计与实现【Java+MySQL+MyBatis完整源码】可提供说明文档可以通过*AIGC**技术包括：MySQL、VueJS、ElementUI、（Python或者Java或者.NET）等等*功能如图所示。可以滴我获取详细的视频介绍

使用element UI在线运行无效、报错问题（Uncaught ReferenceError: Vue is not defined）

weixin_44479794的博客

04-07

7724

问题背景，因为近期要做一个门户网站，但是自己只有一点的vue基础和uniapp、uview框架的项目经验，就想到了使用vue+elementUI框架开发，当我去官网了解时遇到了问题，点击组件在线运行时会报错，它使用的是codepen前端在线编辑器 CodePen 是一个完全免费的前端代码托管服务。与 GitHub Pages 相比，它最重要的优势有：即时预览。你甚至可以本地修改并即时预览别人的作品。支持多种主流预处理器。你从不需要手写生产级别的代码，无论是 Jade 、 LESS 、 Sass ，

Nodejs和vue框架的基于智能推荐的卫生健康系统的设计与实现

QQ58850198的博客

01-13

699

iView与element ui组件库差异大盘点(理论分析)

qq_52730657的博客

12-13

1853

总而言之,iview和element各有优缺，前者在简洁性上非常优秀，而后者在拓展性上也有自己的一席之地，在进行比较大型的业务时element的使用性较高，而iview通常使用于一些中小型项目。

Vue进阶（贰佰）：前端UI框架介绍

IT全栈华强工作室

12-04

9466

目前流行前端几大UI框架 2019-01-28阅读 8100 在前端项目开发过程中，总是会引入一些UI框架，已为方便自己的使用，很多大公司都有自己的一套UI框架，下面就是最近经常使用并且很流行的UI框架。一. ElementUI Element是饿了么前端开源维护的Vue UI组件库,组件齐全，基本涵盖后台所需的所有组件，文档讲解详细，示例丰富。主要用于开发PC端的页面，是一个质量比较高的Vue UI组件库。官网地址 Github 二.iView UI iview ui是一个强大的基于vue的ui

工作中对 Vue 和 iView/Element 的一些技术备忘总结

汤一飞

05-19

5935

如题

vue.js 加element ui不用 vue-cli 脚手架直接导入 vue和 element包形式

qq_43634411的博客

11-22

2864

项目的基本项目结构! sreen.js var vm = new Vue({ el: '#screen', // 引入初始化数据 data: components, // 引入方法 methods: interactions, // 引入加载时需要调用的方法 mounted: function () { } }); components 下的index.js 文件（全局初始化的一些参数） // 定义一个全局变量 var components = {};

vue中不要element-ui时实现table的各列排序根据数组决定实现方法

suiersuier的专栏

07-08

917

昨天写了一篇table表格的各列根据数组决定排序的文章，但是有人不使用element-ui，现在写一下原始的table表格实现此功能问题说明：用数组fileds决定各列的展示顺序，比如说fileds= [ {key:"name",value:"姓名"}, {key:"address",value:"地址"}, {key:"sex",value:"性别"}, {key...

html使用vue3.0必须使用element plus

qq_43185247的博客

05-10

1577

开发环境： html用的vue2.x版本配合elementui，现要求使用vue3.x版本，发现必须elementui只能适用vue2.x，故使用element plus，由于并非vue文件，现通过CDN方式导入  <script src="https://unpkg.com/vue@next" rel="external nofollow" ></script>

Vue UI 组件库大起底 element VS iview VS ...

qq_32614411的博客

12-20

4047

最近接触了几个开源项目，发现大家都在用iview框架，趁机整理一下自己接触过的几个基于Vue.js的UI组件库 Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。由饿了么前端开源的UI框架。主要用于开发PC端的后台产品。维护率高/大厂开发 iView，是一套基于 Vue.js 的开源 UI 组件库，主要用于开发PC端的后台产品。较为小众但ui丰富 VU...