Vue加载动态组件
2020-04-21 本文已影响0人
忘记_3a6a
-
: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>
