前言
📚最近重新夯实Vue3
,梳理的相关知识点和细节
🎉目前已撒花的:
本文是对第4部分内容的补充,关于Vue的渲染函数,我将相关内容整理成以下脑图,一来可以快速了解相关知识,二来方便以后查看!
🎁看完此部分你将会,对Vue
的渲染函数有个基本清晰的认识
本系列解决的问题
-
告别枯燥的文档;以图的形式,言简意赅的汇总所有
Vue3.x
的知识点 -
附高清原图和原文件;并原文件会随
Vue
版本迭代而长期更新
具体内容如下👇
脑图
渲染函数1
渲染函数只的是render
函数,该函数返回h
执行,h指定会创建虚拟DOM
,所以我们得先了解什么是虚拟DOM
其实说白了就是一个js
对象,这个对象是对真实DOM
的一个描述,之后会根据这个虚拟DOM
来渲染真实DOM
。核心在于h
函数的使用,需要留意它接收的参数
渲染函数2(用原生JS代替模板功能)
模板变成渲染函数的形式时,只要可以使用原生JS
轻松完成的操作,渲染函数就不会提供专有的替代方法,比如可以在渲染函数中用JS
的if
/else
简单重写模板中使用的 v-if
和 v-for
等等
渲染函数3
需要注意渲染函数的返回值;以及了解函数式组件的使用,它可以直接传入渲染函数的h
函数中
附件
我会将以上原图及源文件已上传github
:github.com/jCodeLife/m…
目的:
- 一来方便大家批量下载
- 二来可以根据自己的想法和习惯进行修改
END
以上就是Vue
中复用性相关的所有内容
如有问题,欢迎留言告知,感谢~