Vue3中h函数变化解析有何新特点？

本文共计1519个文字，预计阅读时间需要7分钟。

目录 + Vue3 + 渲染函数（h函数）的修改 + h函数的三个参数详细说明 + VNode + Props + 格式化 + Vue2.x 语法 + VNode + Props + 格式化 + Vue3.x 语法 + Vue2中render函数将自动收集h函数 + 作为参数 + 它是createElement的常规别名

目录

• vue3 渲染函数(h函数)的更改
• h函数的三个参数详细说明
• VNode Props 格式化 vue2.x 语法
• VNode Props 格式化 vue3.x 语法
• vue2中render 函数将自动接收 h 函数 (它是 createElement 的常规别名) 作为参数
• vue3 h函数-绑定事件
• vue3 render函数简单的循环 map
• vue3 默认插槽-slots.default?.()
• 具名插槽
• props 父传子
• emit 子传父
• 需要注意的点

vue3 渲染函数(h函数)的更改

h函数的更改总结 1==>h 现在全局导入，而不是作为参数传递给渲染函数 2==>渲染函数参数更改为在有状态组件和函数组件之间更加一致 3==>vnode 现在有一个扁平的 prop 结构

h函数的三个参数详细说明

第一个参数是必须的。 类型:{String | Object | Function} 一个 HTML 标签名、一个组件、一个异步组件、或一个函数式组件。 是要渲染的html标签。