title: Update data property / object in vue.js
body: <p>is there a way I can programmatically update the <code>data</code> object / property in vue.js? For example, when my component loads, my data object is:</p>
  
  <pre><code>data: function () {
      return {
          cars: true,
      }
  }
  </code></pre>
  
  <p>And after an event is triggered, I want the <code>data</code> object to look like:</p>
  
  <pre><code>data: function () {
      return {
          cars: true,
          planes: true
      }
  }
  </code></pre>
  
  <p>I tried:</p>
  
  <pre><code>&lt;script&gt;
  
  module.exports = {
  
      data: function () {
          return {
              cars: true
          }
      },
  
      methods: {
          click_me: function () {
              this.set(this.planes, true);
          }
      },
  
      props: []
  
  }
  
  &lt;/script&gt;
  </code></pre>
  
  <p>But this gives me the error <code>this.set is not a function</code>. Can someone help?</p>
  
  <p>Thanks in advance!</p>