<div id="a">
<com :txt="shuju" @root_xg="shuju=$event"></com>
</div>
<script>
var com_child={
render(createEle){
var vm=this;
return createEle('input',{
domProps:{
value:vm.txt //用于设置input对象的初值
//绑定事件什么的。onclick:function(){ //... } 也可以酱紫写
}
,on:{
input:(e)=>{
vm.$emit('xg',e.target.value);
}
}
});
}
,props:[
'txt'
]
}
var com_parent={
props:['txt']
,components:{
child:com_child
}
,render(createEle){
var vm=this;
return createEle('div',[
createEle('child',{
props:{
txt:vm.txt
}
,on:{
xg:(e)=>{
console.log('父组件收到子组件数据:',e);
vm.$emit('root_xg',e);
}
}
})
]);
}
}
var a = new Vue({
el: '#a'
, data: {
shuju: 'init'
}
, components: {
com: com_parent
}
});
</script>