title: Mounted only trigger once in dynamic component
body: <p>In my <code>App.vue</code></p>
  
  <p>I'm using dynamic component to render dynamic component coming from Vuex</p>
  
  <pre><code>&lt;component :is="$store.getters.getDynamicComponent"&gt;&lt;/component&gt;
  </code></pre>
  
  <p>then in my <code>Home.vue</code></p>
  
  <pre><code>&lt;v-card @click="showDetails"&gt;
    &lt;v-card-title primary-title&gt;
       &lt;div class="mb-0 text-truncate"&gt; {{name}} &lt;/div&gt;
    &lt;/v-card-title&gt;
  &lt;/v-card&gt;
  
  import Details from '@/components/UI/Details';
  
  export default {
    name: 'Home',
    methods: {
      showDetails() {
        console.log('Mount Dynamic Component');
        this.$store.commit('SET_DYNAMIC_COMPONENT', Details);
      }
    }  
  }
  </code></pre>
  
  <p>then on the <code>Details</code> component</p>
  
  <pre><code>export default {
    name: 'Details',
    mounted: {
      console.log('This component has been mounted');
    }
  }
  </code></pre>
  
  <p>The mounted lifecycle trigger only once when I click the card in <code>Home.vue</code>
  I'm expecting that everytime I click the card it should print </p>
  
  <p><code>Mount Dynamic Component</code></p>
  
  <p>and </p>
  
  <p><code>This component has been mounted</code></p>