美文网首页
Vue的render函数

Vue的render函数

作者: 少甜的草莓牛奶 | 来源:发表于2020-03-09 09:42 被阅读0次

    render 函数作用

    render 函数 跟 template 一样都是创建 html 模板的,但是有些场景中用 template 实现起来代码冗长繁琐而且有大量重复,这时候就可以用 render 函数。

    render函数的参数与返回值

    (createElement: () => VNode) => VNode
    参数:createElement 为一个方法
    createElement 本身也是一个函数,它有三个参数
    返回值: VNode,即虚拟节点
    1. 一个 HTML 标签字符串,组件选项对象,或者解析上述任何一种的一个 async 异步函数。必需参数。
    2. 一个包含模板相关属性的数据对象你可以在 template 中使用这些特性。可选参数。
    3. 子虚拟节点 (VNodes),由 createElement() 构建而成,也可以使用字符串来生成“文本虚拟节点”。可选参数
    返回值:VNode 虚拟节点,也是要渲染的节点

    相关文章

      网友评论

          本文标题:Vue的render函数

          本文链接:https://www.haomeiwen.com/subject/zhchqhtx.html