render: h => h(App) 是什么意思？

Java_oldboy 發布于2019-08-22 15:36 / 818人閱讀

摘要：將作為的別名是生態系統中的一個通用慣例，實際上也是所要求的，如果在作用域中失去作用，在應用中會觸發報錯。背景在學習時，使用創建了一個項目，文件中有一行代碼不知道是什么意思。

將 h 作為 createElement 的別名是 Vue 生態系統中的一個通用慣例，實際上也是 JSX 所要求的，如果在作用域中 h 失去作用，在應用中會觸發報錯。

背景
在學習Vue.js時，使用vue-cli創建了一個Vue項目，main.js文件中有一行代碼不知道是什么意思。在網上搜索了下，得到了答案，在此記錄下。

main.js 文件內容

import Vue from "vue"
import App from "./App.vue"

new Vue({
  el: "#app",
  render: h => h(App)
})

h => h(App)這是什么，完全看不懂?。。?！So Google

解惑釋疑

{
    render: h => h(App);
}

等價于

{
    render: h => {
        return h(App);
    }
}

等價于

{
    render: function(h) {
        return h(App);
    }
}

即：

{
    render: function(createElement) {
        return createElement(App);
    }
}

createElement 參數

看了 createElement 的官方文檔，其實我還是不明白 createElement 的用法的。createElement 方法的參數有幾個？各個參數的含義、類型是什么？

示例




    
    Document

GPU云服務器云服務器 app域名是什么意思 hrm是什么意思 hbase是什么意思 hadoop是什么意思

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/93585.html

Vue中的render函數render: h => h(App)

摘要：在學習時，使用創建了一個項目，文件中有一行經典代碼，那她是什么意思呢文件內容接下來就是答案嘍等價于等價于即上一個示例提供一個在頁面上已經存在的元素作為實例掛載目標有這么幾個重要的參數第一個參數必須一個標簽字符組件選項對象一個返回標簽在學習Vue.js時，使用vue-cli創建了一個Vue項目，main.js文件中有一行經典代碼 render: h => h(App)，那她是什么意思呢...

dendoink 2019-08-22 16:18 評論0 收藏0
vue項目中main.js使用方法詳解

　　我們都知道初始化vue實例就是main.js，并且它還需要插件，現在我們就討論下main.js使用方法：　　第一部分：main.js文件解析　　src/main.js是入口文件，它主要是用于是初始化vue實例，且還需插件，在main.js文件中定義了一個vue對象,其中el為實例提供掛載元素：　　　//基礎配置　　importVuefrom'vue' 　　importAppf...

3403771864 2022-09-28 23:24 評論0 收藏0
webpack -> vue Component 從入門到放棄（四）

摘要：先展示一下文件目錄結構先把相關的依賴給裝好注意一下注釋只是為了解釋，在中不能寫注釋插件加載器預編譯語法跨平臺環境用來設置命令行安裝預編譯語法的配置中的對象，用于處理目錄的對象，提高開發效率。 Foreword 之前三篇大致介紹了webpack的用法，正如這個系列標題而言從webpack 到 vue Component,所以最后一篇文章當然是要講 component, 不對應該說是結合...

z2xy 2019-08-20 15:07 評論0 收藏0
webpack -> vue Component 從入門到放棄（四）

摘要：先展示一下文件目錄結構先把相關的依賴給裝好注意一下注釋只是為了解釋，在中不能寫注釋插件加載器預編譯語法跨平臺環境用來設置命令行安裝預編譯語法的配置中的對象，用于處理目錄的對象，提高開發效率。 Foreword 之前三篇大致介紹了webpack的用法，正如這個系列標題而言從webpack 到 vue Component,所以最后一篇文章當然是要講 component, 不對應該說是結合...

MycLambert 2019-08-01 16:32 評論0 收藏0
關于一些Vue的文章。（5）

摘要：這種情況稱文檔碎片不過它已經有了屬性。于是，第一個問題解決，真實之后，掛載到節點樹上。關于第一種寫法實際是的別名，也是一個通用慣例。原文鏈接我的blog，歡迎STAR。前三篇里，我們開始從render, template, el的渲染DOM樹的優先級，最終都編譯成render函數，而后得到vnode（虛擬DOM），經過diff算法后，得到真實DOM。那么問題來了？得到真實DOM以...

13651657101 2019-08-20 15:34 評論0 收藏0