Element-ui和Element-Plus的区别_Element2和Element3的区别_element plus和elementui区别

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

一、定义区别

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

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

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

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

二、框架区别

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>
1
2
3
4
5
6
7
8
9
10

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

同时可支持多个插槽