Vue.js初心者の備忘録です。
疑問
Vue.js3におけるdataプロパティを定義するときの記載方法でわからないことがあった。
dataプロパティの記載(省略記法ver)
dataプロパティを定義するときに、下記のように書ける。アロー関数で書かれた省略記法であることはわかるが、なぜ( )が必要なのか。
main.js
const app = Vue.createApp({
data: () => ({
//
})
});
app.mount('#app');
省略しないver.
main.js
const app = Vue.createApp({
data: function(){
return {}
}
});
app.mount('#app');
結論
戻り値がオブジェクトの場合、戻り値のオブジェクトリテラルを( )で囲む必要がある。アロー関数の本文を囲む{ }と区別するため。