<script>
import CompA from './CompA.vue'
import CompB from './CompB.vue'
  
export default {
  components: { CompA, CompB },
  data() {
    return {
      current: 'CompA'
    }
  }
}
</script>

<template>
  <div class="demo">
    <label><input type="radio" v-model="current" value="CompA" /> A</label>
    <label><input type="radio" v-model="current" value="CompB" /> B</label>
    <KeepAlive :include="['CompA', 'CompB']">
      <component :is="current"></component>
    </KeepAlive>
  </div>
</template>

Vue hỗ trợ cache lại component với <keep-alive>.