vue 圖片路徑問題

目錄結(jié)構(gòu)如下

1.我試著直接往index.html里面放圖片，用static里絕對路徑可以實現(xiàn)，但是加載assets里的圖片就不行，相對路徑也沒用,html文件如果想直接加載assets里面的圖片怎么實現(xiàn)。
2.還有是main.js里面掛載app,

import tImg from './assets/logo.png'
new Vue({
  router,
  data(){
      return {
        imgUrl:'./assets/logo.png'
//        imgUrl:tImg
      }
  },
  mounted(){
      console.log(tImg)
  },
  template: `
    <div id="app">
      <h1>Route props</h1>
      <img src="${tImg}">
      <img src="${this.imgUrl}">//無效,直接訪問imgUrl會報未定義
       <img src="./assets/logo.png">//無效
      <img src="../static/logo.png">
      <router-view class="view" foo="123"></router-view>
    </div>
  `
}).$mount('#app')

如果不用字符串模板的話，可以直接相對路徑引用圖片轉(zhuǎn)base64引入。但是用上面的字符串模板，無論是data里面的路徑還是直接的相對路徑都找不到圖片，是我的寫法有問題嗎。
config配置文件我直接用的vue-cli沒有變。