data(){} 这个是什么用法？

Question

最近再研究vue，发现很多这样去写的，如下定义组件。

var parent = Vue.extend({

template: '<div>这是父组件<child :pdata=data></child></div>',
data(){
    return{
        data:'这是父组件传来的数据'
    }
},
components:{
    'child':child
}

});

这个里面的，data(){}，这个是es6的某种写法吗？以前没有碰到过，这样写的，有点蒙，望指导，谢谢

Answer 1

ECMAScript 6 入门 - 属性的简洁表示法
搜“除了属性简写，方法也可以简写。”这几个字，下边就是栗子。

Answer 2

es6的写法，而且data在组件中必须是函数形式。

Answer 3

存放本组件要使用的数据

Answer 4

在new一个Vue的时候，data后面的参数必须是函数类型data: function()｛｝而其他形式则类似于json数据，

是有点懵的写法，应该是双向绑定，MVVM的写法嘛，所以是直接创建组件，然后数据渲染

Answer 5

感谢大家的热情！