美文网首页
Vue加载动态组件

Vue加载动态组件

作者: 忘记_3a6a | 来源:发表于2020-04-21 14:14 被阅读0次
  • :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>

相关文章