为什么Vue组件对象不需要值？

Question

我复制了文档和示例，以使Vue组件正常工作。 这是对我有用的功能的简化版本：

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

在普通的javascript中， components对象的格式将引发错误，指出Unexpected ',' ，因为没有与MyComponent键关联的值。

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

Answer 1

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

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

{
    MyComponent: MyComponent,
    SecondComponent: SecondComponent
}

同

{
    MyComponent, 
    SecondComponent
}

只要属性名称和变量名称完全匹配即可。

这在此处进一步描述： https : //developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Object_initializer （ECMAScript 2015中的新符号）