Vue中render: h => h(App)的含義

標籤：渲染   mount   def   one   nbsp   return   返回   div   class   

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

官方文檔

render: function (createElement) {    return createElement(      ‘h‘ + this.level,   // tag name 標籤名稱      this.$slots.default // 子組件中的陣列    )  }

h是Vue.js 裡面的 createElement 函數，這個函數的作用就是產生一個 VNode節點，render 函數得到這個 VNode 節點之後，返回給 Vue.js 的 mount 函數，渲染成真實 DOM 節點，並掛載到根節點上。

函數只有一個參數的時候（）可以省略;當函數體只有一句話{}可以省略，所以 render: （h） => {h(App)};就變成 render: h => h(App);

等價於components: { App },template: ‘<App/>‘

Vue中render: h => h(App)的含義