Vue是一個流行的JavaScript框架，它提供了許多便捷的方法來獲取public文件夾中的資源。在此文章中，我們將介紹如何使用Vue獲取public的資源。

首先，在Vue組件中，可以使用process.env.BASE_URL來獲取public的路徑。例如：

// 獲取public中的圖片
<img src="`$`{process.env.BASE_URL}img/logo.png" alt="logo">

這個變量會在開發(fā)和構(gòu)建時自動設(shè)置。在開發(fā)時，它會被設(shè)置為根目錄的路徑，而在生產(chǎn)構(gòu)建時，它被設(shè)置為網(wǎng)站的根地址。 因此，在以上的示例中，將會獲取到 public/img/logo.png 這張圖片。

除此之外，還可以使用 webpack 的 require.context() 方法來獲取 public 中的資源。require.context() 方法提供了一個在編譯時就已知道的上下文，它允許我們在一個特定的文件夾中動態(tài)獲取所有匹配特定擴展名的文件。

// 在Vue組件中使用require.context()方法獲取public的圖片
let images = {};
const requireContext = require.context('../../public/img', true, /\.png$/);
requireContext.keys().forEach(key => {
images[key] = requireContext(key);
});

以上代碼將會獲取 ../../public/img 文件夾中以 .png 或 .jpg 結(jié)尾的所有資源。這里將獲取到的圖片保存到 images 對象中。然后就可以在Vue組件中使用這些資源了。

以上就是如何在Vue中獲取public的資源。通過以上方法，我們可以更方便地使用public中的資源，提高開發(fā)效率。