Element-ui和Element-Plus的区别_Element2和Element3的区别

Element-ui和Element-Plus的区别_Element2和Element3的区别

一、定义区别

Element-UI对应Element2：基本不支持手机版

Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库

Element-Plus对应Element3：组件布局考虑了手机版展示

基于 Vue 3，面向设计师和开发者的组件库

二、框架区别

Element-ui适用于Vue2框架

Element-plus适用于Vue3框架

三、开发中使用的区别

1. Icon图标库变化了

新版本的图标库使用方式

<template><div><el-icon :size="size" :color="color"><edit></edit></el-icon><!-- Or use it independently without derive attributes from parent --><edit></edit>
<el-icon><copy-document /></el-icon></div>
</template>

2.组件的插槽slot使用变化了

同时可支持多个插槽

<el-autocomplete popper-class="my-autocomplete" v-model="state" :fetch-suggestions="querySearch" placeholder="请输入内容" @select="handleSelect" ><template #suffix><i class="el-icon-edit el-input__icon" @click="handleIconClick"> </i> </template><template #default="{ item }"><div class="name">{{ item.value }}</div><span class="addr">{{ item.address }}</span></template></el-autocomplete>

3.新增组件

Skeleton-骨架屏
Empty-空状态
Affix -固钉
TimeSelect 时间选择
Space 间距

4.其他待整理，待完善

Vue3+Element Plus开发搭建_Vue3+Element3开发搭建

升级Vue3.0_CLI 方式升级Vue3.0

济南网站开发

济南小程序开发

Element-ui和Element-Plus的区别_Element2和Element3的区别相关推荐

Element UI 及 Element Plus框架
一,何为Element UI 及 Element Plus? 它们是前端框架.它是包含很多有自己风格的组件库. Element目前有两个版本:element-ui 及 element-plus两个版本 ...
【 Element UI 】—Element UI 的基本使用
[ Element UI ]-Element UI 的基本使用一.基于命令行的方式手动安装 npm 安装 npm i element-ui -S CDN 目前可以通过 unpkg.com/eleme ...
Element UI Element Plus之改变表格单元格颜色
首先官网文档中有 Table 表格组件的属性说明,只需要在el-table标签中加上:cell-style="xxx",以及实现该方法即可.Element UI框架和Elemen ...
element ui 前台模板_用 Vue+ElementUI 搭建后台管理极简模板
本文由图雀社区成员https://blog.csdn.net/crxk_blog.csdn.net 写在前面此篇文章为一篇说明文档,不是教你从零构建一个后台管理系统,而是基于一个实际项目,已经搭建 ...
Vue UI 组件库（移动端常用 UI 组件库，PC 端常用 UI 组件库，Element UI基本使用，Element UI按需引入）
文章目录 Vue UI 组件库 7.1 移动端常用 UI 组件库 7.2 PC 端常用 UI 组件库 7.3 Element UI基本使用 7.4 Element UI按需引入 Vue UI 组件库 ...
Element UI极简教程(1)：Element UI的安装
Java大联盟致力于最高效的Java学习关注 B 站搜索:楠哥教你学Java 获取更多优质视频教程 Element UI 简介 Element UI 是一套基于 Vue 的桌面端组件库,封装好 ...
vue2引入Element UI的详细步骤
目录一.Element UI介绍 Element UI的特点: vue3引入Element plus的文章: 二.操作步骤三.快速上手测试(可做可不做) 一.Element UI介绍 Elemen ...
利用Element UI的滑块Slider实现刻度尺
一.效果图二.一些要点说明 ①首先需要了解slider的一些参数,尤其需要利用marks来实现刻度: ②实现marks的方法需要用到this.$createElement,所以也需要了解它的写法:t ...
Element UI（桌面组件库）之三大灵魂拷问
1. 什么是Element UI 概述 Element,一套为开发者.设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 Element UI是基于Vue 2.0的 Element UI 提供 ...

Element-ui和Element-Plus的区别_Element2和Element3的区别

Vue2和Vue3的区别_Vue3和Vue2的区别

Vue3+Element Plus开发搭建_Vue3+Element3开发搭建

升级Vue3.0_CLI 方式升级Vue3.0

Element-ui和Element-Plus的区别_Element2和Element3的区别相关推荐

最新文章

热门文章