Vue：动态创建组件时如何传递道具？

Question

我正在使用这个 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 问题，但是 none 我看到了这个问题。

Answer 1

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

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

demo

Vue：动态创建组件时如何传递道具？

Vue: how to pass props when dynamically creating a component?

vue.js

vuejs2