Element-Plus图标使用方法要点

前言：

为适配vue3的版本更新，element组件库同步进行了内容升级，采用plus作为配套方案，众多组件新增了更为丰富的功能。然而在实际使用过程中，我发现其中的icon图标操作起来却显得异常繁琐，后来才意识到问题出在未正确掌握其使用方式上。

改变：

    // 原来
    <i class="el-icon-edit"></i>
    
    // plus
     <el-icon :size="size" :color="color">
       <edit></edit>
     </el-icon>
    
    
      
      
      
      
      
      
      
    

从文档内容可以得知，图标已由原先的单一样式封装为一个独立组件，未来版本中或将为其增加更多功能（现阶段仅支持尺寸与大小调整），这一改进无疑提升了使用的便捷性。然而在实际应用过程中，却出现了图标无法正常显示的问题，这令人感到困惑。

错误使用：

按照指导步骤，首先应完成相关软件包的下载工作。