在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此错误：

错误编译模板:: - 无效的表达式：下拉数据= “{产品，季节}” 中发现---><SalesReport>

Answer 1

IE11 doesn't support ECMAScript的2015属性名称的简写。

你需要明确说明这样的对象的键值：

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