步骤：

1. 首先可以使用gulp构建一个自己的pdfJs或者使用官方的pdfJs，官方pdfjs下载地址：http://mozilla.github.io/pdf.js/getting_started/#download
   1. 选择这个即可。自己打包的话官方推荐gulp来打包。
2.   把下载好的文件放入到vue项目中，目录最好是public文件夹下。
   1. 
   2. 坑点：

      assets里的文件编译过程中会被webpack处理理解为模块依赖，只支持相对路径的形式。assets放可能会变动的文件；
      static里的文件不会被webpack解析，会直接被复制到最终的打包(默认是dist/static)下，必须使用绝对路径引用这些文件。static放不会变动的文件。

      vue-cli3.0有两个放置静态资源的目录分别是public和assets。

      public放不会变动的文件（相当于vue-cli2.x中的static）
      public/ 目录下的文件并不会被Webpack处理：它们会直接被复制到最终的打包目录（默认是dist/static）下。必须使用绝对路径引用这些文件，这个取决于你vue.config.js中publicPath的配置，默认的是/。

3. 这样子就可以预览pdf了

   <iframe
           class="child"
           frameborder="0"
           :src="
             ‘/pdf/web/viewer.html?file=http://xx.xx.xx:8080/‘ +
               this.downloadUrl
           "
           :style="{ width: width, height: height }"
         >
       </iframe>
   //因为在vue-cli3以上的版本，public文件目录默认可以不用写，于是呢就用 /pdf/web/viewer.html?file=+文件url即可。

    

vue2.0项目中使用pdfJs