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つのデータが変更されます.すべてのコンポーネントデータが変更されたので、配列が複数箇所で参照されることを回避するために、関数で新しいデータを返します.