vue項目中操作PDF文件

　　以前從來沒接觸過前端要求顯示PDF文件，一時之間有點懵逼，不知從哪下手啊...

　　無奈之下，去找度娘，方法還不少，iframe  embed  object這些標簽就可以， 可是拿過來做個demo一試，並沒有什么卵用，網頁中可以顯示pdf，但是頁面上就是出不來，反正我是沒有試成功；還有PDFObject    PDF.js  這兩個吧，PDFObject操作起來簡單一些，PDF.js就稍微麻煩一些，不過基於jquery的不是我想要的效果，有興趣的同學可以研究一下，貌似這個PDF.js很強大，附上鏈接：http://blog.csdn.net/liuyaqi1993/article/details/77822946

　　接下來這個才是我們今天的主角，基於vue的vue-pdf，強大且簡單

　　1.安裝

　　　　npm install --save vue-pdf

　　2.新建一個組件Cpdf.vue

　　<template>
  　　<pdf src="../../static/main/PDF/jq2017_10_01.pdf"></pdf>
　　</template>

　　<script>
　　　　import pdf from 'vue-pdf'

　　　　export default {
  　　　　components: {
    　　　　pdf
  　　　　　}
　　　　}
　　</script>

　　3.在本地跑起你的項目就完了   npm  run  dev

　　4.最后附上github地址  https://github.com/FranckFreiburger/vue-pdf

　　好了，搞定，溜了遛了......