Javascript vuejs-将组件保存到变量

所以我来自React的背景，我想知道如何模仿这句话：

var-modal=

到目前为止，我得到的是，但变量的输出是字符串：

<template src="./App.html"></template>

<script>
  import 'jquery'
  import 'uikit'
  import 'uikit/dist/css/uikit.min.css'

  import Login from '@/Login.vue'
  import Register from '@/Register.vue'

  export default {
    name: 'app',
    components: {
        "Login": Login,
        "Register": Register
    },
    data: function () {
        return {
            message: "first",
            modal: {
                body: "test",
                title: "body"
            }
        }
    },
    methods: {
        modal_open: function(type) {
            if (type === "login")
            {
                this.modal = {
                    body: Login,
                    title: "login"
                }
            }
            else
            {
                this.modal = {
                    body: Register,
                    title: "Register"
                }
            }
        },
    }
  }
</script>

导入“jquery”
导入“uikit”
导入“uikit/dist/css/uikit.min.css”
从“@/Login.vue”导入登录名
从“@/Register.vue”导入寄存器
导出默认值{
名称：“应用程序”，
组成部分：{
“登录”：登录，
“寄存器”：寄存器
},
数据：函数（）{
返回{
信息：“第一”，
模态：{
正文：“测试”，
标题：“机构”
}
}
},
方法：{
模态_打开：功能（类型）{
如果（类型==“登录”）
{
此.modal={
正文：登录，
标题：“登录”
}
}
其他的
{
此.modal={
主体：登记册，
标题：“登记册”
}
}
},
}
}

所以在Vue中，它显然被称为动态组件

---

根据给定的问题，模板中应该有

。而不是分配对象，而是从Vue实例中的

components

变量分配键（字符串）。例如，

modal.body=“Login”

模板是什么？@Bert Ah我找到了方法。我不知道为什么，但我似乎总是在发布问题后很快找到答案。这就是我想知道的：）很高兴你找到了。。另外，使用动态组件的替代方法是使用渲染函数。@Bert啊，很酷，你能更新我的答案吗（或者做一个新的，我会标记它）。你似乎比我更了解这件事。