vue3 vue-pdf-embed实现pdf预览

Vue3是Vue.js框架的最新版本，它有许多新的特性和改进。而vue-pdf-embed是一个Vue组件，用于在Web应用程序中嵌入PDF文档的预览功能。实现pdf预览的基本思路是将pdf文件转换为可供Web浏览器渲染的HTML格式。而vue-pdf-embed就是将这个过程封装成了一个Vue组件，使得在Vue应用程序中嵌入PDF预览变得非常容易。

使用vue-pdf-embed实现PDF预览的具体步骤如下：
1. 安装vue-pdf-embed组件：可以通过npm或yarn安装。
2. 导入vue-pdf-embed组件：在需要使用PDF预览功能的Vue组件中，导入vue-pdf-embed组件。
3. 在Vue组件中使用vue-pdf-embed组件：将vue-pdf-embed组件作为子组件，传入pdf文件的url和一些其他属性即可。

下面是一个简单的示例代码：

<template>
  <div>
    <vue-pdf-embed :src="pdfUrl" :height="600" :width="800"/>
  </div>
</template>

<script>
import VuePdfEmbed from 'vue-pdf-embed';

export default {
  components: {
    VuePdfEmbed,
  },
  data() {
    return {
      pdfUrl: 'https://example.com/myPdfFile.pdf',
    };
  },
};
</script>