IEブラウザのvueプロジェクトで注意すべき問題

1.
画像を表示しない背景画像コードを動的に設定する

<div class="photoBox" v-show="!ifCircle" :style="{backgroundImage:'url('+ info.avatar}"></div>

変更後も正常に表示できるコード理由はわかりません

<div class="photoBox" :style="note"></div>

data () {
    
    
    return {
    
    
      note:{
    
    
        backgroundImage: "url(" + Cookies.get('webuseravatar') + ")",
      }
    }

2. IE9以降はeotフォントのみをサポートしているため、インポートされた外部フォントはIEでエラーを報告します。したがって、フォントをインポートするときは、複数のURLを導入する必要があります。

@font-face {
    
     
  font-family: 'DIN-Bold'; 
  src:url('DIN-Condensed-Bold.ttf'); 
  src:url('DIN-Condensed-Bold.eot?#iefix') format('DIN-Condensed-Bold.woff') format('woff'),
      url('DIN-Condensed-Bold.ttf') format('truetype'),
      url('DIN-Condensed-Bold.svg#webfontOTINA1xY') format('svg');
  font-weight: normal; 
  font-style: normal; 
}