`el-image-viewer`如何在Element UI中注册和使用？

`el-image-viewer`是Element UI库中的一个组件，它是一个图片查看器，用于展示大图并支持放大、缩放等交互。要在Element UI中使用这个组件，你需要按照以下步骤操作：

1. **安装**:
首先确保已安装Element UI，如果没有，可以使用npm或yarn进行安装：
- npm:

     npm install element-ui

- yarn:

     yarn add element-ui

2. **注册组件**:
在你的Vue项目中，打开main.js或其他配置文件，需要引入`el-image-viewer`组件，并注册到Vue原型上，使其全局可用：

   import { ElImageViewer } from 'element-ui';

   Vue.component('el-image-viewer', ElImageViewer);

3. **在模板中使用**:
现在可以在你的Vue组件模板中直接使用`el-image-viewer`了，例如：

   <template>
     <div>
       <el-button @click="showImageViewer">查看大图</button>
       <el-image-viewer v-if="showing" :src="bigImageUrl"></el-image-viewer>
     </div>
   </template>

   <script>
   export default {
     data() {
       return {
         showing: false,
         bigImageUrl: 'your-big-image-url'
       };
     },
     methods: {
       showImageViewer() {
         this.showing = true;
       }
       // 可能还需要处理关闭图像查看器的方法
     }
   }
   </script>

4. **样式**:
如果需要自定义样式，记得在CSS中导入Element UI的样式并添加自定义规则。