【分别介绍在vue2和vue3下如何使用ElementUI的图标组件，并举例说明】

在Vue 2和Vue 3下使用Element UI的图标组件，其方法和步骤有所不同。以下将分别进行介绍，并给出相应的示例。

Vue 2下使用Element UI的图标组件

1. 安装Element UI

   • 首先，你需要确保已经安装了Vue 2项目。然后，使用npm或yarn安装Element UI。

     npm install element-ui --save
     

2. 引入Element UI

   • 在你的main.js文件中，你需要引入Element UI和它的样式文件。

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

3. 使用图标组件

   • Element UI的图标组件通常使用<i>标签结合特定的CSS类名来展示。例如，要显示一个“设置”图标，你可以这样做：

     <i class="el-icon-setting"></i>
     

   • 如果你想在按钮中使用图标，可以结合el-button组件：