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>