Vue.js 是一款流行的前端 JavaScript 框架，它的組件化和數據響應機制讓開發者能夠更加方便地編寫應用程序。在 Vue.js 中引入圖片也非常簡單，只需要在組件中使用 import 加載圖片即可。

import myImage from './my-image.png'

在這個例子中，我們引入了一個名為 myImage 的圖片。這個圖片文件位于當前組件的同級目錄，文件的后綴名為 PNG。我們可以將這個圖片作為組件的屬性，然后在視圖中使用它。

<template>
<div>
<img :src="myImage" alt="My Image">
</div>
</template>
<script>
import myImage from './my-image.png'
export default {
data() {
return {
myImage,
}
},
}
</script>

在這個例子中，我們將 myImage 保存到 Vue.js 的 data 對象中。然后，在視圖中使用了 myImage 的值作為圖片的 src 屬性。在這里，我們使用了 Vue.js 的動態屬性 :src，這可以讓我們在運行時綁定一個表達式。這個表達式的值將會是我們引入的圖片的 URL 地址。

總而言之，使用 Vue.js 引入圖片非常簡單。只需要在組件中使用 import 加載圖片即可。然后，將該圖片作為屬性保存到 Vue.js 的 data 對象中，并在視圖中使用它。