如何在Vue项目中集成和使用PDF.js库来处理PDF文件？

在Vue项目中集成PDF.js库通常是为了在浏览器中展示、交互PDF文档。以下是简单的步骤：

1. **安装PDF.js库**:
使用npm或yarn添加PDF.js到你的项目依赖中：

   npm install pdfjs-dist --save
   # 或者
   yarn add pdfjs-dist

2. **引入库**:
在你的Vue组件中，你需要在`<script>`标签内导入PDF.js模块：

   import PDFJS from 'pdfjs-dist';
   // 或者如果是在TypeScript项目里
   import * as PDFJS from 'pdfjs-dist/es5/build/pdf.js';

3. **创建PDF查看器元素**:
创建一个HTML元素用于显示PDF，比如一个`<div>`：

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

4. **加载PDF**:
在`mounted`生命周期钩子中，你可以加载PDF文件并初始化PDF查看器：

   mounted() {
     const url = '/path/to/your/document.pdf'; // 替换为你的PDF文件路径
     PDFJS.getDocument(url).promise.then((pdf) => {
       this.pdfDocument = pdf;
       this.renderPage(pdf);
     });
   },
   
   renderPage(pdf) {
     const container = this.$refs.pdfContainer;
     const pagePromise = pdf.getPage(1); // 页码从1开始计数
     pagePromise.then((page) => {
       const scale = 1; // 设置缩放比例
       const viewport = page.getViewport(scale);
       container.width = viewport.width;
       container.height = viewport.height;

       // 创建渲染上下文
       const canvas = document.createElement('canvas');
       container.appendChild(canvas);

       // 渲染PDF页面
       page.render({ canvasContext: canvas.getContext('2d'), viewport });
     });
   }

5. **处理PDF导航**:
可以添加事件监听器来响应用户的滚动、翻页等操作。

**相关问题--:**
1. PDF.js支持哪些PDF交互功能？
2. 如何处理PDF.js中的错误？
3. 怎样优化PDF.js在移动端的性能？