关于Vue中的 render: h => h(App) 具体是什么含义？

ゞ浴缸里的玫瑰 2024-04-18 13:23 54阅读 0赞

render: h => h(App) 是下面内容的缩写：

render: function (createElement) {
        return createElement(App);
    }

进一步缩写为(ES6 语法)：

render (createElement) {
        return createElement(App);
    }

再进一步缩写为：

render (h){
        return h(App);
    }

按照 ES6 箭头函数的写法，就得到了：

render: h => h(App);

其中 根据 Vue.js 作者 Even You 的回复，h 的含义如下：

> It comes from the term “hyperscript”, which is commonly used in many virtual-dom implementations. “Hyperscript” itself stands for “script that generates HTML structures” because HTML is the acronym for “hyper-text markup language”.  
> 它来自单词 hyperscript，这个单词通常用在 virtual-dom 的实现中。Hyperscript 本身是指  
> 生成HTML 结构的 script 脚本，因为 HTML 是 hyper-text markup language 的缩写（超文本标记语言）  
> \*\*理解：createElement 函数是用来生成 HTML DOM 元素的，也就是上文中的 generate HTML structures，也就是 Hyperscript，这样作者才把 createElement 简写成 h。

Vue.js 里面的 createElement 函数，这个函数的作用就是生成一个 VNode节点，render 函数得到这个 VNode 节点之后，返回给 Vue.js 的 mount 函数，渲染成真实 DOM 节点，并挂载到根节点上。\*\*

还有另外一种写法效果是一样的：

import App from './App'
    new Vue({
        el: '#root',
        template: '<App></App>',
        components: {
            App
        }
    })

发表评论取消回复

表情：

评论列表（有 0 条评论，54人围观）

还没有评论，来说两句吧...

相关阅读

相关关于Vue中的 render: h => h(App) 具体是什么含义？

ender: h => h(App) 是下面内容的缩写： render: function (createElement) { return c...

ゞ浴缸里的玫瑰/ 2024年04月18日 13:23/ 0 赞/ 55 阅读

相关 MySQL中的MVCC具体指的是什么？

在MySQL中，MVCC是指多版本并发控制（Multi-Version Concurrency Control）。它是一种用于处理并发读写操作的数据库事务管理技术。 MVCC

淩亂°似流年/ 2024年03月23日 17:32/ 0 赞/ 51 阅读

相关什么是 SSH？SSH 在 Linux 中的含义

Secure Shell (SSH) 是一种广泛使用的网络协议，它提供了一种访问远程服务器和计算机的安全方式。在 Linux 中，SSH 是远程管理和文件传输的必备工具。在

桃扇骨/ 2024年03月22日 19:10/ 0 赞/ 115 阅读

相关 MySQL中limit 3,2 的含义是什么？

> 去除前三条数据之后查询两条信息。在MySQL中，`LIMIT`用于限制查询结果的返回行数。`LIMIT`语法通常采用两个参数，第一个参数指定返回结果的起始位置，第二个参

绝地灬酷狼/ 2024年02月17日 09:59/ 0 赞/ 38 阅读

相关 TDMI的基本含义是什么

TDMI的基本含义为：T：支持16位压缩指令集ThumbD：支持片上DebugM：内嵌硬件乘法器I：嵌入式ICE，支持片上断点和调试点。 arm9ARM9系列微处理器在高性能

青旅半醒/ 2023年10月12日 22:16/ 0 赞/ 51 阅读

相关 vue2.0之 render: h => h(App)

vue2.0版本问世后，相对1.0版本有了较大的变动，不仅仅存在于物理结构上，适用并使用es6语法也是亮点之一。项目创建完成的入口文件： new Vue({

待我称王封你为后i/ 2023年07月05日 14:54/ 0 赞/ 3 阅读

相关 Vue.js中的 $ 的含义？ vue中的data为什么是一个函数？

Q：vue中的 $ 的含义？ > 实例创建之后，可以通过 `vm.$data` 访问原始数据对象。Vue 实例也代理了 data 对象上所有的 property，因此访问

古城微笑少年丶/ 2022年12月18日 02:52/ 0 赞/ 333 阅读

相关 vue Render：h=>h(App) 解析

在学习VUE时，发现很多的组件的引入都是用ES6，需要在main.js中写入如下代码： export default () => { const rout

向右看齐/ 2022年04月11日 09:52/ 0 赞/ 242 阅读

相关 B树中的M阶是什么含义？

定义： ![在这里插入图片描述][20190826094017537.png] 描述一颗 B树时，需要指定它的阶数，什么是阶数？阶数表示此树的节点最多有多

迷南。/ 2021年11月05日 07:50/ 0 赞/ 781 阅读

相关 Vue 的 render 方法中 h 是什么？

Vue 的 render 方法中 h 是什么？如果你接触过vue一段时间了，那么你可能会遇到过 rendering 方法在你的app文件中 — 在最新版本的 CLI中它...

红太狼/ 2020年06月22日 15:03/ 0 赞/ 868 阅读