Vue：动态创建组件时如何传递props？答案

【问题标题】：Vue: how to pass props when dynamically creating a component?Vue：动态创建组件时如何传递props？
【发布时间】：2021-10-06 22:38:53
【问题描述】：

我正在使用commonly followed tutorial 动态创建一个组件（单击按钮后）。基本代码是：

import Building_Info from './Info_Zone/Building'
var Building_Info_Class = Vue.extend(Building_Info)
var building_info_instance = new Building_Info_Class()
console.log(building_info_instance)
bulding_info_instance.$mount()
place_to_add_component.$el.appendChild(bulding_info_instance.$el)

但是，我的 Building_Info 组件需要一个道具。我怎样才能传递它？欢迎使用其他动态创建组件的方法，尽管理想情况下它们会支持单文件组件。

注意：有几个关于动态道具的 SO 问题，但我没有看到与这个问题有关。

【问题讨论】：

标签： vue.js vuejs2

【解决方案1】：

从Vue.extend（即Building_Info_Class）返回的构造函数可以接收一个初始化对象，其中包含带有初始属性值的propsData property：

var building_info_instance = new Building_Info_Class({
  propsData: {
    propA: '123',
    propB: true,
  }
})

demo

【讨论】：

谢谢你，这行得通！