在web開發中，引用pdf文件是很常見的需求。而Vue作為一種流行的JavaScript框架，本地pdf的引用也可以輕松實現。下面將介紹Vue如何引用本地pdf。

首先，我們需要使用Vue的模板語法來在html中表示pdf文件。為了實現這個目的，我們可以使用<embed>標簽，它可以在頁面上嵌入一個pdf文件。同時，我們也需要定義一個數據變量來存儲pdf文件的路徑。

<template>
<div>
<embed :src="pdfPath" type="application/pdf" width="100%" height="500">
</div>
</template>
<script>
export default {
data() {
return {
pdfPath: './path/to/pdf-file.pdf'
}
}
}
</script>

在上面的代碼中，我們使用了Vue的模板語法來定義了一個<embed>標簽，其中的pdf文件路徑存儲在了一個成員變量pdfPath中。

要想在Vue中引用本地pdf文件，我們還需要在Vue實例中添加一些特殊的配置。在這個過程中，我們可以使用Vue的options屬性來配置全局<embed>標簽的樣式和屬性。

<script>
import PDFObject from 'pdfobject'
export default {
mounted() {
PDFObject.embed('./path/to/pdf-file.pdf', '#pdf-container')
}
}
</script>

在上面的代碼中，我們使用了一個PDFObject庫來調用embed()函數，函數中的第一個參數是pdf文件的路徑，第二個參數是<div>標簽的選擇器，它將作為pdf文件的容器，我們可以將pdf文件寫在這個<div>標簽中。這種方法可以更好地控制全局<embed>標簽的樣式和屬性。

當然，我們也可以使用其他的pdf庫來實現pdf文件的引用，在這個過程中，我們只需要將相關的配置放到Vue組件的mounted()函數中即可。

總之，Vue引用本地pdf的方法是很簡單的，只需要在Vue組件中定義pdf文件的路徑和樣式即可。如果遇到引用本地pdf文件的需求，Vue可以是一種非常有效和簡單的解決方案。