VUE2使用pdfjs

在Vue.js 2中使用pdf.js可以通过以下步骤完成：

1. 首先，通过npm安装pdf.js库。在项目的根目录下打开终端，运行以下命令：

npm install pdfjs-dist

2. 在Vue组件中，引入pdf.js和相应的样式文件。可以在组件的`<script>`标签中添加以下代码：

import pdfjsLib from 'pdfjs-dist/build/pdf';
import 'pdfjs-dist/web/pdf_viewer.css';

3. 创建一个用于显示PDF文件的div元素。在组件的`<template>`标签中添加以下代码：

<div id="pdfContainer"></div>

4. 使用pdf.js加载和显示PDF文件。在组件的`<script>`标签中添加以下代码：

export default {
  mounted() {
    pdfjsLib.getDocument('/path/to/pdf/file.pdf').promise.then(pdf => {
      // 获取第一页
      pdf.getPage(1).then(page => {
        const container = document.getElementById('pdfContainer');
        const canvas = document.createElement('canvas');
        container.appendChild(canvas);

        const context = canvas.getContext('2d');
        const viewport = page.getViewport({ scale: 1 });

        canvas.width = viewport.width;
        canvas.height = viewport.height;

        page.render({
          canvasContext: context,
          viewport: viewport
        });
      });
    });
  }
}

请注意，上述代码假设您已将PDF文件放置在项目根目录下，并将其命名为`file.pdf`。如果您的PDF文件存放在其他位置，请相应地更改文件路径。

这样，您就可以在Vue.js 2中使用pdf.js来加载和显示PDF文件了。当然，您可以根据自己的需求对代码进行修改和扩展。