当前位置: 首页>后端>正文

render函数 - h函数 - jsx

一、h函数

render函数在组建里面编写一个选项,利用h函数返回一个vnode。

render ( ) {

? ? return h(parameter)

}

· render函数?渲染函数,使用JavaScript的完全编程能力

· h() 函数( createVnode() 函数)是一个用于创建vnode的一个函数

render函数 - h函数 - jsx,第1张

二、h函数的使用

1. 接收三个参数 { String | object | Function } tag

*参数一:HTML标签名 /?组件 / 异步组件 /??函数式组件(如:div)

参数二:与 attribute、prop和事件相对应的对象

参数三:?{ String | Array | object } children,子vnodes使用 h() 构建或使用字符串获取 “文本vnode”? 或者有插槽的对象

· compositionApi写法:

render函数 - h函数 - jsx,第2张

· positionApi写法:

render函数 - h函数 - jsx,第3张

三、jsx的使用

tip:若不支持请安装 npm install @vue/babel-plugin-jsx -D 并配置 babel.config.js 文件。

render函数 - h函数 - jsx,第4张

Vue3支持jsx语法,在 script 上声明 lang="jsx 即可

render函数 - h函数 - jsx,第5张

https://www.xamrdz.com/backend/38c1941774.html

相关文章: