vue.jsのデータプロパティ/オブジェクトを更新する

Question

vue.jsのオブジェクト/プロパティdataをプログラムで更新する方法はありますか？

data: function() { 
    return { 
     cars: true, 
    } 
} 

とイベントがトリガされた後、私は次のようにdataオブジェクトが見てみたい：例えば、私のデータオブジェクトは、私のコンポーネントをロードする場合、私が試した

data: function() { 
    return { 
     cars: true, 
     planes: true 
    } 
} 

：

<script> 

module.exports = { 

    data: function() { 
     return { 
      cars: true 
     } 
    }, 

    methods: { 
     click_me: function() { 
      this.set(this.planes, true); 
     } 
    }, 

    props: [] 

} 

</script> 

しかし、これは私にエラーthis.set is not a functionを与えます。助けてもらえますか？

ありがとうございます！

Answer 1

Vueでは、すでに作成されたインスタンスに新しいルートレベルのリアクティブプロパティを動的に追加することはできません。

data: function() { 
    return { 
     someObject:{ 
      cars: true, 
    } 
} 

およびsetメソッドとプロパティを追加します：しかし、それはあなたがオブジェクトを作成し、そのような新しいプロパティを追加することができので、ネストされたオブジェクトに反応するプロパティを追加することが可能です

methods: { 
     click_me: function() { 
      this.$set(this.someObject, 'planes', true) 
     } 
    } 

vue 1.x使用Vue.set(this.someObject, 'planes', true)

reactivity