在学习vue,对es6不是很了解,在看到vue组件功能的demo是看到这样一句:
export default{
data(){
return {
msg: '数据'
}
},
components: {
}
}
我的理解是,这是一个模块,export导出,导出的是一个对象,对象有一个components属性,现在不理解的是这一段
data(){
return {
msg: '数据'
}
}
哪位为es6的朋友帮忙解释一下这是什么意思,是es6的什么知识点
ES6 语法。代表一个函数。楼上的都是正解
ES2015中对Literal Object
的语法加强:
实际是相当于ES5
里的:
data: function() {
return {
msg: '数据'
};
}
ES6 方法的简写
参见阮一峰大神的《ECMAScript 6入门》
ES6写法
data () {
return {
msg: '数据'
}
}
相当于
data: function () {
return {
msg: '数据'
}
}
data是一个函数,函数返回一个对象。
不直接声明成一个对象的原因看文档