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

这是由于＆＃39;对象文字属性值的缩写＆＃39; ECMAScript 2015中的功能。

基本上你可以替换这段代码：

{
    MyComponent: MyComponent,
    SecondComponent: SecondComponent
}

带

{
    MyComponent, 
    SecondComponent
}

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

此处进一步说明：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Object_initializer （ECMAScript 2015中的新标记）

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

1 个答案: