vue render函数 怎样使用
分类:
文章
•
2024-02-15 13:26:17
一般来说，vue提供了template，让我们写页面的时候非常方便
但是实际上vue会把template转为render函数，所以我们也可以写render函数（不怎么方便，除非用jsx(react的语法)）
而且如果页面中有template选项，那么render函数就会无效
有时候可能会需要用jsx写render，所以了解一下也好
h是render函数中的一个参数，调用它即可创建并返回一个vnode，然后vnode就会被解析到页面上，它是createElement的别名
用createElement也是可以的，里面的domProps可以设置对应的dom对象属性，还有一些样式之类的
我们可以打印返回的数据，可以看到就是vnode(虚拟节点)
这些vnode的数据会被vue框架解析成真实的dom节点
vnode是在vue中的一个类生成的，也是虚拟dom的一种，有兴趣的可以去看看源码
vue就是通过这个vnode来把dom映射成js对象，从而让我们更容易的开发
当然，性能上我认为也是有一定的提高（毕竟我们大多数人写的代码都很烂）
