vue-file-viewer 安装

`vue-file-viewer` 是一个用于在Vue.js项目中嵌入式地预览图片、视频等文件的组件。它的安装过程相对简单，可以通过npm或yarn这样的包管理器来安装。下面是一个基本的安装指南：

1. 使用npm进行安装：
打开命令行工具，进入到你的Vue项目目录中，运行以下命令：

   npm install vue-file-viewer --save

这将会把`vue-file-viewer`添加到你的`package.json`文件中的依赖项里。

2. 使用yarn进行安装：
同样，你需要先切换到你的Vue项目目录下，然后运行：

   yarn add vue-file-viewer

这会将`vue-file-viewer`添加到你的项目中。

安装完成后，你需要在你的Vue组件中引入并使用这个组件。下面是如何在Vue组件中注册和使用`vue-file-viewer`的示例：

// 引入 vue-file-viewer
import VueFileViewer from 'vue-file-viewer';

// 你可以在这里配置全局的默认选项
Vue.use(VueFileViewer, {
  // 配置选项
  size: '100%', // 或者 'auto'
  folder: true // 是否以文件夹形式展示图片
});

// 在组件内使用 <file-viewer> 标签
// 使用组件需要在模板中添加 <file-viewer> 标签，例如：
<template>
  <div>
    <file-viewer :url="imageURL" :name="fileName"></file-viewer>
  </div>
</template>

<script>
export default {
  data() {
    return {
      // 设置图片的URL
      imageURL: 'https://example.com/image.jpg',
      // 设置文件名
      fileName: 'example.jpg'
    };
  }
};
</script>

确保你已经按照说明正确地安装和配置了`vue-file-viewer`，之后你就可以在Vue组件中使用这个组件来预览文件了。