在Vue項目中，我們經常需要引入圖片資源。本文將介紹如何在Vue項目中使用import引入圖片。

首先，我們需要在項目中創建一個存放圖片的文件夾。在本文中，我們將創建一個名為“assets”的文件夾，并將所有的圖片資源存放在該文件夾中。

接下來，我們可以使用import語句將圖片引入到我們的Vue組件中：

<template>
<div>
<img :src="imageSrc" alt="圖片" />
</div>
</template>
<script>
import image from '@/assets/image.jpg'
export default {
data() {
return {
imageSrc: image
}
}
}
</script>

在上面的代碼中，我們使用import語句將圖片引入，并將其存儲在變量“image”中。然后，在數據選項中，我們將“image”變量指定給"data"選項中的“imageSrc”屬性，以便在模板中使用。

最后，在Vue模板中，我們可以使用“v-bind”指令，將圖片的路徑綁定到“img”標簽的“src”屬性上：

<img :src="imageSrc" alt="圖片" />

這樣就可以成功地將圖片引入到我們的Vue組件中了。