Vue 的 render 方法中 h 是什么?


本文摘自PHP中文网,作者Guanhui,侵删。

如果你接触过vue一段时间了,那么你可能会遇到过 rendering 方法在你的app文件中 -- 在最新版本的 CLI 中它是一个默认值, 并且是在 main.js文件中:

1

2

3

new Vue({

 render: h => h(App)

}).$mount('#app')

或者是,如果你使用了 render 方法(函数),可能会使用JSX:

1

2

3

4

5

Vue.component('jsx-example', {

  render (h) {

    return <p id="foo">bar</p>

  }

})

或许你想知道,h 是用来干嘛的?它表示什么意思呢? h 代表的是 hyperscript 。它是HTML的一部分,表示的是 超文本标记语言:当我们正在处理一个脚本的时候,在虚拟DOM节点中去使用它进行替换已成为一种惯例。这个定义同时也被运用到其他的框架文档中。详情点击这里 Cycle.js。

在这个问题上,Evan 描述到:

Hyperscript 它本身表示的是"生成HTML结构的脚本"

缩写为 h 是因为它更容易去输入。 他还在 Frontend Masters 上描述了这一点 他的高级 Vue 研讨会 。

阅读剩余部分

相关阅读 >>

js计算两个日期的月份差的实例解析

vue中怎么定义自定义组件

如何利用js拼接html字符串

vue开发必须要搭脚手架么?

vue.js中v-for列表渲染指令的使用(代码示例)

浏览器的事件循环

详解js获取url参数值的方法

vue.js需要什么基础?

vue.js支持移动端吗

vue.js是什么意思

更多相关阅读请进入《vue》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...