DAY17：公共目錄和資源目錄

公共目錄（public/）

如果要引用位於public/img/目錄中的圖像文件，該文件在靜態URL /img/nuxt.png 上可用，您可以這樣做：

<template>
  <img src="/img/nuxt.png" alt="發現 Nuxt 3" />
</template>

這將在您的頁面上顯示"Nuxt 3"的圖像，並且該圖像文件將在公共目錄中。

資源目錄（assets/）

如果您想引用位於assets/目錄中的一個圖像文件，可以這樣做：

<template>
  <img :src="require('~/assets/my-image.png')" alt="我的圖像" />
</template>

我們使用了require函數來引入assets/目錄中的圖像文件。請注意，這是Vue的require語法，用於加載模塊。

公共目錄和資源目錄是Nuxt.js中用於處理靜態資產和資源的重要目錄。透過這些目錄，您可以輕鬆管理和引用圖像、樣式表和其他資源，以構建出色的Web應用程序。