VUE v-bind动态绑定img图片不显示问题

我懒，所以没有绑定失败的例子。

正确绑定图片方式如下，直接上代码：

<template>

  <div id="app">

    <img alt="Vue logo" :src="imgUrl" />

  </div>

</template>

<script>

export default {

  name: "App",

  data() {

    return {

      imgUrl:require( './assets/123.jpg')

    };

  }

};

</script>

效果图：