速记ES6方法语法也有效吗？

Question

这是代码段（来自Vue配置对象）：

data() {
    return {
        current: ''
    };
},

我有两个完全独立的项目，应该使用Babel进行编译，但是两个输出仍然包含上述语法。 Webpack和Babel远远高于我的薪水等级，还是我误认为什么是有效的ES5？

其中一个项目是这个问题的主题Webpack: Why does vue-loader not transpile?，另一个是使用vue-cli的全新安装。

更新：

这是我在输出中期望的语法。

data : function () { 
    return {}; 
}

更新2：

MDN的此链接似乎很清楚，它仅是ES6 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Method_definitions

Answer 1

您的语法是有效的ES5和ES6。在您的组件配置中，data是配置对象的键，因此正确的格式为：

data: function(){
  return {
    some_key: some_value
  }
}

您可以使用ES6语法编写：

data: ()=>{ return { some_key: some_value}}