elementUI(Vue2)和elementPlus(Vue3)图标icon差异【TODO：增加图标截图、总结规律】
ElementUI和ElementPlus在图标上的主要差异在于组件的使用方式。
ElementUI:
ElementUI是为Vue 2设计的，其图标使用el-icon组件加上对应的类名来引用。例如：
<i class="el-icon-edit"></i>ElementPlus:
ElementPlus是为Vue 3设计的，它引入了一个新的图标组件el-icon-plus，并且图标都是使用内置的SVG图标集。
<el-icon :size="10"><edit /></el-icon>在ElementPlus中，你需要使用el-icon组件，并通过导入对应的图标组件来使用，如上例中的<edit />。
总结规律：
- ElementUI中图标是作为字体图标使用，通过
el-icon组件和对应的类名引用。 - ElementPlus中图标是作为SVG图标使用，通过
el-icon组件和Vue组件的方式引用。
注意：
- 在ElementPlus中，你需要通过npm或yarn安装
@element-plus/icons-vue包来使用图标组件。 - 使用ElementPlus的图标时，请确保你已经正确导入了需要的图标组件。
评论已关闭