[https://blog.csdn.net/lianzhang861/article/details/100552228](https://blog.csdn.net/lianzhang861/article/details/100552228) 動態生成組件 這種渲染函數沒有狀態管理和事件監聽，所以vue還可以在render下面加一個functional:true，把它變成“函數式組件” # 一、Render 的資料簡介 **Render 函數是 Vue2.x 新增的一個函數、主要用來提升節點的性能，它是基于 JavaScript 計算。使用 Render 函數將 Template 里面的節點解析成虛擬的 Dom 。** > Vue 推薦在絕大多數情況下使用模板來創建你的 HTML。然而在一些場景中，你真的需要 JavaScript 的完全編程的能力。這時你可以用渲染函數，它比模板更接近編譯器。 簡單的說，在 Vue 中我們使用模板 HTML 語法組建頁面的，使用 Render 函數我們可以用 Js 語言來構建 DOM。 因為 Vue 是虛擬 DOM，所以在拿到 Template 模板時也要轉譯成 VNode 的函數，而用 Render 函數構建 DOM，Vue 就免去了轉譯的過程。 **createElement別名h** ## innerHtml 會覆蓋createElement子元素