Vueのコンポーネントのdataは関数でなければなりません.その戻り値はオブジェクトです.
808 ワード
Vue.component({
template:" ",
data:function(){
return {
name:"css3html5",
date:"20190223"
}
}
})
Es 6関数は
Vue.component({
template:" ",
data () {
return {
name:"css3html5",
date:"20190223"
}
}
})
比較、new Vueのdata
var vm = new Vue({ //
el:"#element",
data:{
name:"css3html5",
date:"20190223"
}
})
vueのグローバルコンポーネントは複数の参照によって呼び出され、jsでの参照オブジェクトのコピーは「リアル」コピーではなくスタックでポインタがコピーされ、コンポーネントが複数の参照されている場合、参照タイプデータ(ここではdata)がポインタのみコピーされている場合、複数のコンポーネントが同じ「データソース」しか使用されず、1つのデータが変更されます.すべてのコンポーネントデータが変更されたので、配列が複数箇所で参照されることを回避するために、関数で新しいデータを返します.