es6的export语法问题

Question

在学习vue,对es6不是很了解,在看到vue组件功能的demo是看到这样一句:

    export default{
        data(){
            return {
                msg: '数据'
            }
        },
        components: {
        }
    }

我的理解是,这是一个模块,export导出,导出的是一个对象,对象有一个components属性,现在不理解的是这一段

        data(){
            return {
                msg: '数据'
            }
        }

哪位为es6的朋友帮忙解释一下这是什么意思,是es6的什么知识点

Answer 1

ES6 方法的简写

参见阮一峰大神的《ECMAScript 6入门》

---

ES6写法

data () {
    return {
        msg: '数据'
    }
}

相当于

data: function () {
    return {
        msg: '数据'
    }
}

Answer 2

data是一个函数，函数返回一个对象。
不直接声明成一个对象的原因看文档

Answer 3

ES2015中对Literal Object的语法加强：

实际是相当于ES5里的:

data: function() {
    return {
        msg: '数据'
    };
}

Answer 4

ES6 语法。代表一个函数。楼上的都是正解