Vue_render实例简单代码

<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>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值