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>