扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这篇文章主要讲解了“v-model结构是怎样的”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“v-model结构是怎样的”吧！
我们知道，v-model只是bind属性与value的语法糖，并在触发input事件时设置数据属性。但是，在render函数没有这样的简写，我们需要自己实现。
v-model结构
假设，在vue中，我们有如下的结构：
v-mode代码
上面代码等价于：
在render函数中可以用下面方式来实现上面的代码：
render(h){
returnh('input',{
domProps:{
value:this.myBoundProperty
},
on:{
input:e=>{
this.myBoundProperty=e.target.value
}
}
})
}
v-bind
attribute和property这两种类型的绑定被放在元素定义中，如arttrs、props和domProps(value和innerhtml之类的东西)。
render(h){
returnh('div',{
attrs:{
//
id:this.myCustomId
},
props:{
//
someProp:this.someonePutSomethingHere
},
domProps:{
//
value:this.somethingElse
}
});
}
感谢各位的阅读，以上就是“v-model结构是怎样的”的内容了，经过本文的学习后，相信大家对v-model结构是怎样的这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是创新互联网站建设公司，，小编将为大家推送更多相关知识点的文章，欢迎关注！
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网