title: Reload Components when change in Props in VueJS
body: <p>I'm using the following code to show a component which passes a value 'category'. The category changes based on user interactions. However, once a component is loaded, its data is not changed according to the change of props.</p>
  
  <pre><code>&lt;button @click="selected='new'"&gt;Change&lt;/button&gt;
  &lt;popup :category="selected"&gt;&lt;/popup&gt;
  
  data() {
      return {
        selected: 'test'
      }
    }
  </code></pre>