动态使用node_modules文件内的vue文件作为子组件

文件名称为this.route.name

<template>
    <div if="isShow">
        <component-page />
    </div>
</template>
<script>
import Vue from "vue"
export default {
    name: "CompPage",
    data() {
        return {
            isShow: false
        }
    },
    created() {
        this.initComponent()
    },
    mounted() {
    },
    methods: {
        initComponent() {
            // @cnet/auth/views/pages/此处为modules文件的地址
            Vue.component("component-page", (resolve) => {
                require(["@cnet/auth/views/pages/" + this.$route.name + ".vue"], resolve)
            })
            this.isShow = true
        }
    }
}
</script>