vue中render: h => h(App)的详细解释
2024-10-07 00:31:27
2018年06月20日 10:54:32 H-L 阅读数 5369
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 节点,并挂载到根节点上。
最新文章
- 深入解析Windows操作系统笔记——CH2系统结构
- 利用springframework+javax.mail发邮件(普通邮件、带附件邮件、HTML格式邮件)
- A VNC server is already running as :1
- Bash中的shopt选项
- A Tour of Go If
- POJ 1179 IOI1998 Polygon
- KVC - 键值编码
- asp.net 后台使用js弹窗失效问题
- html系列教程--描述
- hdu 4771 Stealing Harry Potter&;#39;s Precious
- android-自定义广告轮播Banner(无限循环实现)
- 感知器算法--python实现
- arm-点亮led灯
- js判断IE浏览器版本(IE8及以下)
- Java-IO之BufferedReader(字符缓冲输入流)
- vue里如何灵活的绑定class以及内联style
- Java I/O不迷茫,一文为你导航!
- JS(JavaScript)的初了解3(更新中···)
- 4698: Sdoi2008 Sandy的卡片
- 实现一个简单的虚拟demo算法