Vue中图片的src不显示问题

动态渲染图片地址的时候， 图片的src被当做静态资源处理了，没有进行编译，所以需要同过require引入图片。

 <script>
      export default {
          data() {
              return {
                  imgUrl: {
                      src: require('../assets/images/index/logo.png'),
                  }
              }
          }
      }
  </script>

 <script>
      require logoPic from '../assets/images/index/logo.png'
      export default {
          data() {
              return {
                  imgUrl: {
                      src: logoPic
                  }
              }
          }
      }
  </script>