从品牌网站建设到网络营销策划,从策略到执行的一站式服务
如果你接触过vue一段时间了,那么你可能会遇到过 rendering
方法在你的app文件中 -- 在最新版本的 CLI
中它是一个默认值, 并且是在 main.js
文件中:
成都创新互联公司是专业的下冶网站建设公司,下冶接单;提供成都网站设计、网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行下冶网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
new Vue({ render: h => h(App) }).$mount('#app')
或者是,如果你使用了 render
方法(函数),可能会使用JSX:
Vue.component('jsx-example', { render (h) { returnbar
} })
或许你想知道,h
是用来干嘛的?它表示什么意思呢? h
代表的是 hyperscript。它是HTML的一部分,表示的是 超文本标记语言:当我们正在处理一个脚本的时候,在虚拟DOM节点中去使用它进行替换已成为一种惯例。这个定义同时也被运用到其他的框架文档中。详情点击这里 Cycle.js。
在这个问题上,Evan 描述到:
Hyperscript 它本身表示的是"生成HTML结构的脚本"
缩写为 h 是因为它更容易去输入。 他还在 Frontend Masters 上描述了这一点 他的高级 Vue 研讨会 。
真的,你可以认为它是 createElement
的缩写。 这将是一个长长的形式:
render: function (createElement) { return createElement(App); }
如果我们用 h
代替它,那么我们可以这样:
render: function (h) { return h(App); }
...然后可以通过使用 ES6 缩短:
render: h => h (App)
Vue 版本最多需要三个参数:
render(h) { return h('p', {}, [...]) }
第一种是元素的类型(这里显示为 p)。
第二个是数据对象。 我们在这里主要包括:props, attrs, dom props, class 和 style.
第三个是一组子节点。 然后,我们将嵌套调用并最终返回一个虚拟 DOM 节点树。
更深入的信息你可以在 Vue 指南 里找到。
名称 hyperscript可能会让某些人感到困惑,因为 hyperscript 实际上是 一个库的名字(这些日子没有更新 ),它实际上有一个 小的生态系统。 在这种情况下,我们不是在谈论那个特定的实现。
以上就是Vue 的 render 方法中 h 是什么?的详细内容,更多请关注创新互联其它相关文章!
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图