What is this 'method-like' syntax in JS object literal

Question

Use ES6 class sugar, we can define function this way:

class Foo {
  constructor(props) {}
  ...
  myFn() {}     
} 

and in JS object literal, we can define getters and setters like this:

foo = {
  get data() {}
  set data(val) {}
}

However, what's this syntax:

foo = {
  data() {}
} 

Is this object data properties? Or getters/setters?

_{note: this syntax is extensively used in Vue.js 2.0 doc, like the new added render function.}

new Vue({
  render (h) {
    throw new Error('oops')
  },
  renderError (h, err) {
    return h('pre', { style: { color: 'red' }}, err.stack)
  }
}).$mount('#app')

Answer 1

its just shorthand. refer to MDN docs

// Shorthand method names (ES2015)
var o = {
  // doesnt need a colon!
  property([parameters]) {},
  get property() {},
  set property(value) {}
};

Answer 2

foo = {
  data() {}
} 

is short hand for

foo = {
  data: function() {}
}