一、h函数
render函数在组建里面编写一个选项,利用h函数返回一个vnode。
render ( ) {
? ? return h(parameter)
}
· render函数?渲染函数,使用JavaScript的完全编程能力。
· h() 函数( createVnode() 函数)是一个用于创建vnode的一个函数
二、h函数的使用
1. 接收三个参数 { String | object | Function } tag
*参数一:HTML标签名 /?组件 / 异步组件 /??函数式组件(如:div)
参数二:与 attribute、prop和事件相对应的对象
参数三:?{ String | Array | object } children,子vnodes使用 h() 构建或使用字符串获取 “文本vnode”? 或者有插槽的对象
· compositionApi写法:
· positionApi写法:
三、jsx的使用
tip:若不支持请安装 npm install @vue/babel-plugin-jsx -D 并配置 babel.config.js 文件。
Vue3支持jsx语法,在 script 上声明 lang="jsx 即可