17

刚开始学Vue,再看别人的例子时经常会看到

render: h => h(App)

这样一行代码,但是有的例子也没有这行代码也运行正常。去官方看文档 找到render function 没有太理解,求大神讲解这行代码的作用和为什么要这样做。谢谢!

gsbybb 518
2016-10-11 提问

查看全部 10 个回答

31

这是Vue 2.0新增的函数,可以直接给绑定节点渲染一个vue组件,如果在Vue 1.x下,就应该使用

new Vue({
    el: '#app',
    components: { App }
});

然后在页面中写入标记:

<div id="app">
    <app></app>
</div>

推荐答案

13

已采纳

=> 是ES6的箭头语法

// ES5  
(function (h) {  
  return h(App);  
});  
  
// ES6  
h => h(App); 

[官方文档][1]

render: function (createElement) {
    return createElement(
      'h' + this.level,   // tag name 标签名称
      this.$slots.default // 子组件中的阵列
    )
  }

推广链接