Vue加载动态组件

• :is 中必须为数据值，而非直接的组件名
• 父组件

<template>
  <div>
    <component :is="'Hello'"></component>
    <component :is="currentView"></component>
  </div>
</template>
<script>
import Hello from "./Hello.vue";
export default {
  components: {Hello},
  methods: {
   
  },
  data(){
    return {
      currentView: 'Hello'
    }
  }
};
</script>

• 子组件

<template>
    <h1>HELLO!!!</h1>
</template>