ChartJsがIEで動作しない理由

Question

この例のVueJsチャートアプリケーションはIEでは動作しません。なぜ誰が知っていますか？

で、例えば、以下のコンポーネントがエラーを印刷しませんが、1つのES6構文は、あなたのコンポーネントでオブジェクトのメソッドを定義するために使用されているがあるためであると同時に

<div class="app"> 
    {{ message }} 
    <line-chart></line-chart> 
</div> 


    Vue.component('line-chart', { 
    extends: VueChartJs.Line, 
    mounted() { 
    this.renderChart({ 
     labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'], 
     datasets: [ 
     { 
      label: 'Data One', 
      backgroundColor: '#f87979', 
      data: [40, 39, 10, 40, 39, 80, 40] 
     } 
     ] 
    }, {responsive: true, maintainAspectRatio: false}) 
    } 

}) 

var vm = new Vue({ 
    el: '.app', 
    data: { 
    message: 'Hello World' 
    } 
}) 

Answer 1

で実行されません。

mounted() { 

...およびES6シンタックスはInternet Explorerではまだサポートされていません。

Vue.component('line-chart', { 
    extends: VueChartJs.Line, 
    mounted: function() { //<- use this instead 
     this.renderChart({ 
     labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'], 
     datasets: [{ 
      label: 'Data One', 
      backgroundColor: '#f87979', 
      data: [40, 39, 10, 40, 39, 80, 40] 
     }] 
     }, { 
     responsive: true, 
     maintainAspectRatio: false 
     }) 
    } 
}); 

が working exampleを参照してください。あなたはIEをサポートしたい場合

代わりに、あなたは、すべてのコンポーネント/アプリ上ES5の構文を使用する必要があります。