Javascript 为什么Vue components对象不需要值？

我复制了文档和示例以使我的Vue组件正常工作。以下是对我来说功能性的简化版本：

import MyComponent from '../components/my_component.vue'
import SecondComponent from '../components/second_component.vue'
var app = new Vue({
  components: {MyComponent, SecondComponent}
})

在纯javascript中，

组件

对象的格式将抛出一个错误，指出

意外'，'

，因为没有与

MyComponent

键关联的值

---

Vue对象有什么不同之处，可以让它摆脱这种情况？我能找到的最接近的东西是ES6中的对象分解，但这在本例中似乎也不太适用，因为格式似乎与所需的有效结构不匹配。

这是由于ECMAScript 2015中的“对象文字属性值速记”功能

基本上，您可以替换此代码：

{
    MyComponent: MyComponent,
    SecondComponent: SecondComponent
}

与

只要属性名和变量名完全匹配

这在这里进一步描述：

---

（ECMAScript 2015中的新符号）

这是由于ECMAScript 2015中的“对象文字属性值速记”功能

基本上，您可以替换此代码：

{
    MyComponent: MyComponent,
    SecondComponent: SecondComponent
}

与

只要属性名和变量名完全匹配

这在这里进一步描述： （ECMAScript 2015中的新符号）