Vue.js初心者の備忘録です。

疑問

Vue.js3におけるdataプロパティを定義するときの記載方法でわからないことがあった。

dataプロパティを定義するときに、下記のように書ける。アロー関数で書かれた省略記法であることはわかるが、なぜ( )が必要なのか。

main.js

const app = Vue.createApp({
    data: () => ({
        //    
    })
});
app.mount('#app');

main.js

const app = Vue.createApp({
    data: function(){    
    return {}
    }
});
app.mount('#app');

結論

戻り値がオブジェクトの場合、戻り値のオブジェクトリテラルを( )で囲む必要がある。アロー関数の本文を囲む{ }と区別するため。