局部引入element-plus结合 el-icon 使用

在Vue.js项目中，如果你想局部引入Element Plus库并结合使用`el-icon`组件，可以按照以下步骤操作：

1. **安装Element Plus**：
首先，你需要通过npm或yarn安装Element Plus。如果你使用的是npm，可以在你的项目目录下运行：

   npm install element-plus --save

或者如果使用yarn：

   yarn add element-plus

2. **注册组件**：
在你的Vue组件的`.vue`文件或全局配置文件中（如main.js），导入需要的Element Plus，并进行Vue.use()注册：

   import { ElIcon } from 'element-plus';
   import 'element-plus/lib/theme-chalk/index.css'; // 引入主题样式

   Vue.component('ElIcon', ElIcon); // 如果是在.vue文件中
   // 或者，在全局注册：
   // Vue.prototype.$ELEMENT = {
   //   iconfontUrl: 'path/to/your/iconfont-url.svg', // 如果有自定义字体图标
   // };
   // Vue.use(ElementPlus);

3. **在模板中使用el-icon**：
现在你可以在模板里直接使用`el-icon`了，比如显示一个默认的图标：

   <template>
     <div>
       <el-icon name="el-icon-search"></el-icon> 搜索
     </div>
   </template>

这里的`name`属性可以替换为Element Plus图标库中的任何图标名称。

4. **按需引入**：
如果只想在某个特定部分使用icon组件，可以选择性地导入：

   import { ElIcon } from 'element-plus/icons'; // 导入具体的图标模块