vue2使用pdf.js

Vue.js是一种流行的JavaScript框架，用于建用户界面。而pdf.js是一个由Mozilla开发的用于在Web上显示PDF文件的JavaScript库下面是使用Vue.js和pdf.js来显示PDF文件的基本步骤：

1. 首先，你需要在Vue项目中安装pdf.js库。你可以通过npm或者yarn来安装，命令如下：

   npm install pdfjs-dist

或者

   yarn add pdfjs-dist

2. 在Vue组件中引入pdf.js库：

   import pdfjsLib from 'pdfjs-dist'

3. 创建一个用于显示PDF的Vue组件，并在模板中添加一个canvas元素：

   <template>
     <div>
       <canvas ref="pdfCanvas"></canvas>
     </div>
   </template>

4. 在Vue组件的生命周期钩子函数中加载和显示PDF文件：

   export default {
     mounted() {
       const canvas = this.$refs.pdfCanvas
       const context = canvas.getContext('2d')

       // 加载PDF文件
       pdfjsLib.getDocument('path/to/pdf/file.pdf').promise.then(pdf => {
         // 获取第一页
         pdf.getPage(1).then(page => {
           const viewport = page.getViewport({ scale: 1 })
           canvas.width = viewport.width
           canvas.height = viewport.height

           // 渲染页面到canvas上
           page.render({
             canvasContext: context,
             viewport: viewport
           })
         })
       })
     }
   }

这样，你就可以在Vue项目中使用pdf.js来显示PDF文件了。