ChartJs가 IE에서 작동하지 않는 이유

Question

이 예제의 VueJs 차트 응용 프로그램은 IE에서 작동하지 않습니다. 아무도 이유를 아나요?

에서, 예를 들어, 다음과 같은 구성 요소가 오류를 인쇄하지 않고, 하나의 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 구문을 사용해야합니다.