vue 动态加载component

<template>

<div>

<div>9999</div>

<div v-for="(comp,i) in portalTemplateList" :key="i">

<component class="item" :is="comp" ></component>

</div>

</div>

</template>

 

<script>

import portalTemplate1 from "./component/portalTemplate/portalTemplate1.vue";

import portalTemplate2 from "./component/portalTemplate/portalTemplate2.vue";

 

export default {

data(){

return {

 

portalTemplateList:[

"portalTemplate1", "portalTemplate2"

 

]

}

 

},

components: {

portalTemplate1 ,

portalTemplate2,

 

},

created() {

this.portalTemplateList=["portalTemplate1", "portalTemplate2"]

 

},

methods:{

 

},

computed:{

 

},

watch:{

}

 

}

</script>

 

<style>

 

</style>