好资源导航 » 文章资讯 » Vue Render函数创建DOM节点代码实例

Vue Render函数创建DOM节点代码实例

2023-07-21 21:52:04 66

虽然在render里使用createElement函数创建DOM节点不是很直观，但是在部分独立组件的设计中还是可以满足一些特殊需求的。一个简单的render示例如下：







Document

另外，由于v-if，v-else，v-show等指令都无法在render里使用，需要自己手动实现，拿常用的v-model举个栗子：

Vue.component('my-component',{
data(){
return{
message:''
}
},
render(createElement){
returncreateElement(
'div',
[
createElement(
'input',
{
on:{
input:e=>this.message=e.target.value
}
}
),
createElement('p',this.message)
]
)
}
})

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
514930285
czq8825@qq.com

Vue Render函数创建DOM节点代码实例

热门推荐

随机推荐