Vue.js 使用'时如何使道具绑定反应灵敏；createElement'；功能

Vue.config.devtools=false
Vue.config.productionTip=false
让modal=Vue.extend({
模板：`
余额：{{Balance}}

全部的
`,
道具：[“平衡”，“价值”]
})
函数makeComponent（数据）{
return{render（h）{return h（model，data）}
}
Vue.component（'应用程序'{
模板：`
余额：{{Balance}}

要提取：{{drawinamount}

将保留：{余额-提款金额}

撤退
`,
数据（）{
返回{
提款金额：0，
余额：123
}
},
方法：{
onClick（）{
此.$refs.container.show（makeComponent({
道具：{
balance:String（this.balance），
值：字符串（此.取款金额）
},
关于：{
输入：（值）=>{
此金额=数字（值）
}
}
}))
}
}
})
Vue.组件（‘模态容器’{
模板：`
`,
数据（）{
返回{modal:undefined，canShow:false}
},
方法：{
显示（模态）{
this.modal=modal
this.canShow=true
},
隐藏（）{
this.canShow=false
this.modal=未定义
}
}
})
新Vue({
el:“#应用程序”
})

.modal{
背景颜色：灰色；
宽度：300px；
高度：100px；
利润率：10px；
填充：10px；
}
* {
字体系列：“Source Sans Pro”、“Helvetica Neue”、Arial、Sans serif；
颜色：#2c3e50；
线高：25px；
字体大小：14px；
}