javascript - Vue.js 中 'data:' 、 'data: ()' 和 'data()' 之间有什么区别

Question

在 Vue.js到目前为止，我已经找到了两种定义数据的方法:data: {} 和 data() { return; }.

data: {
    defaultLayout: 'default'
}

data() {
    return {
        defaultLayout: 'default'
    }
}

到目前为止，我对第三种方法没有任何线索:data: () => ({})。它与上面两个有何不同。

data: () => ({
    defaultLayout: 'default'
})

Answer 1

在对象字面量内，

data() {
    return {
        defaultLayout: 'default'
    }
}

是

的简写

data: function() {
    return {
        defaultLayout: 'default'
    }
}

你可以用箭头函数编写:

data: () => ({
    defaultLayout: 'default'
})