vue.jsテンプレートで無効な式渡しの小道具 - IE11

Question

私はvue.jsを初めて使用しており、Vueコンポーネントを作成しようとしています。

Vue.component('sales-report', { 
    data: function() { 
    return { products: products, seasons: seasons } 
    }, 
    template: '<course-details-menu :dropdown-data="{ products, outlineClassifications, seasons, years }"></course-details-menu>' 
}); 

これが私のアプリの単純化した例であり、それはChromeで動作しますが、IEで、私はVueのからこのエラーを取得する：テンプレートをコンパイル

エラー:: - 無効な式：ドロップダウンデータ= "{製品、季節}" のECMAScript 2015プロパティ名速記<SalesReport>

Answer 1

IE11 doesn't support --->に見出さ 。

あなたが明示的にこのようにオブジェクトのキーと値を述べる必要があります：

:dropdown-data="{ products: products, seasons: seasons }"