动态创建子组件

使用v-for进行循环时，可以利用<component>元素动态创建子组件

<div v-for="(item,index) in comList" :key="index">
    <component :is="item.comName">
</div>

import userInfo from "./userInfo";
import password from "./password";

export default {
    data() {
        return {
            userInfo: "userInfo",
            password: "password",
            comList: [
                { id: 1, comName: "userInfo"},
                { id: 2, comName: "password"},
            ]    
        }
    }
}