vue中,本地圖片路徑寫到js中,圖片不顯示問題

在vue中,平常引入本地靜態圖片都是直接寫在html中的,今天把本地靜態圖片通過v-bind綁定到html上卻發現圖片不顯示了.原來是,沒把圖片導出(加上require就行了),代碼如下:

<template>
  <div class="ceshi">
    <img :src="ceshi" alt="">
  </div>
</template>

<script>
export default {
  data () {
    return {
      //ceshi: '../../../assets/image/imageFile.png'註釋的是錯誤的
      ceshi: require('../../../assets/image/imageFile.png')
    }
  }
}
</script>

<style>
</style>