render函数的一些小知识
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了render函数的一些小知识相关的知识，希望对你有一定的参考价值。
参考技术A 如何理解官网上的这句话呢? 让我们来看下以下的例子此时我们可以看到 注入点#app没有了 说明
接下来让我们把template选项给注释掉
切记、 这是vue注入的默认情况 接下来让我们初步了解一下render函数
当我们不写render的时候 Vue 默认是拿着el 这个注入点、template指向的模板、 去替换模板里的内容.
可是当我们想用模板去替换注入点的时候 不单单是个模板 而是一个组件(组件自身有自己的数据而不是根实例上的数据去替换模板里的内容) 这个时候 你就需要一个选项 render 因为使用template指向模板并不能满足我们的需求
👆以上方法并不能渲染到页面上
如何使用呢? 其实render函数接受一个creatElement参数(参数名可以自定义) 这个参数是个函数 目的是渲染一个组件到目标注入点 注意必须要return这个函数
这样我们就能依靠render函数来自己描绘渲染过程并且指定组件作为渲染内容 此时根节点是没有data的 页面上使用的也是组件自身的函数
以上是关于render函数的一些小知识的主要内容，如果未能解决你的问题，请参考以下文章