Vue中曾经出现的<render>是做什么的?

  • Z时代
  • 2024-02-17
  • 分类：IT

在学习Vue源码时偶然发现，有个processRender(element)，该函数定义为

// 2.0.0-alpha.1 src/compiler/parser/index.js 125行
function processRender(el) {
    if (el.tag === 'render') {
        el.render = true
        el.renderMethod = el.attrsMap[':method'] || el.attrsMap['v-bind:method']
        el.renderArgs = el.attrsMap[':args'] || el.attrsMap['v-bind:args']
        if (process.env.NODE_ENV !== 'production') {
            if (el.attrsMap.method) {
                warn('<render> method should use a dynamic binding, e.g. `:method="..."`.')
            }
            else if (!el.renderMethod) {
                warn('method attribute is required on <render>.')
            }
            if (el.attrsMap.args) {
                warn('<render> args should use a dynamic binding, e.g. `:args="..."`.')
            }
        }
    }
}

里面有<render>标签，但在2.0.0-alpha.5中取消了这个标签和processRender的处理。2.0.0-alpha.5的Release Notes中说

The <render> tag is removed in favor of stateless functional components.

想知道这个标签是干嘛用的，百度谷歌都搜不到一点信息。它和无状态的函数式组件又有什么关系？

回答：

简单说一下，没有必要深究这种没有在正式版本中出现的功能，特别还是 alpha 版本。
很多功能都是实验或者尝试性质的特性，大概知道他想实现什么功能就好了。

版本说明中提到了一个 recorded video 可能会对你有所帮助。

无状态组件其实就是 函数式组件，所以应该目的就是为了实现类似的功能。

可以在测试用例中（test\unit\features\render\render.spec.js）看到使用方式并不是十分友好，并不如函数式组件简单好用并且符合直觉。

以上是 Vue中曾经出现的&lt;render&gt;是做什么的? 的全部内容， 来源链接： utcz.com/p/934489.html

回到顶部