在Vue中，引入圖片較為簡單，可以通過標簽、CSS代碼和組件等方式進行引入。下面將逐一介紹不同的引入圖片方式：

1.使用標簽

<template>
<div>
<img src="./img/vue.png" alt="Vue logo">
</div>
</template>

這是最基本的引入圖片方法，只需通過src屬性指定圖片路徑即可。注意：路徑需要根據實際項目進行調整。

2.使用CSS樣式

<template>
<div class="vue-img"></div>
</template>
<style>
.vue-img {
width: 100px;
height: 100px;
background-image: url('./img/vue.png');
background-repeat: no-repeat;
background-position: center;
}
</style>

這種方法通過CSS樣式設置元素的背景圖片來達到引入的效果。需要注意的是，樣式中的路徑同樣要根據實際項目進行調整。

3.使用組件

如果需要在Vue組件中引入圖片，可以使用import語句引入圖片文件，然后在template中使用標簽進行渲染：

<template>
<div>
<img :src="imgUrl" alt="Vue logo">
</div>
</template>
<script>
import vueImg from '@/assets/vue.png'
export default {
data() {
return {
imgUrl: vueImg
}
}
}
</script>

這里使用了:src屬性來動態綁定imgUrl變量，實現了在Vue組件中引入圖片的功能。

總結

以上是幾種不同的引入圖片方式，需要合理選擇適合自己項目的方法。同時，圖片路徑的設置也要遵循實際項目的規范來進行調整。