java,render
<link rel="stylesheet" href="https://js.how234.com/third-party/SyntaxHighlighter/shCoreDefault.css" type="text/css" /><script type="text/javascript" src="https://js.how234.com/third-party/SyntaxHighlighter/shCore.js"></script><script type="text/javascript"> SyntaxHighlighter.all(); </script>
java render是什麼?讓我們一起來了解一下吧!
Java render是是組件渲染的重要內容,render函數與template模板開發一樣,只不過這種方式的開發,render更比較接近底層,這樣便可以使Vue編譯時少轉換一次。
一.render函數的返回數值是一個VNode -> "virtual node"虛擬節點
二.render函數的參數是一個createElement函數
三.createElement 函數的參數(三個)
實戰演練,具體步驟如下所示:
/** * render: 渲染函數 * 參數: createElement * 參數類型: Function */ render: function (createElement) { let _this = this['$options'].parent // 我這個是在 .vue 文件的 components 中寫的,這樣寫才能訪問this let _header = _this.$slots.header // $slots: vue中所有分發插槽,不具名的都在default裏 /** * createElement 本身也是一個函數,它有三個參數 * 返回值: VNode,即虛擬節點 * 1. 一個 HTML 標籤字符串,組件選項對象,或者解析上述任何一種的一個 async 異步函數。必需參數。{String | Object | Function} - 就是你要渲染的最外層標籤 * 2. 一個包含模板相關屬性的數據對象你可以在 template 中使用這些特性。可選參數。{Object} - 1中的標籤的屬性 * 3. 子虛擬節點 (VNodes),由 `createElement()` 構建而成,也可以使用字符串來生成“文本虛擬節點”。可選參數。{String | Array} - 1的子節點,可以用 createElement() 創建,文本節點直接寫就可以 */ return createElement( // 1. 要渲染的標籤名稱:第一個參數【必需】 'div', // 2. 1中渲染的標籤的屬性,詳情查看文檔:第二個參數【可選】 { style: { color: '#333', border: '1px solid #ccc' } }, // 3. 1中渲染的標籤的子元素數組:第三個參數【可選】 [ 'text', // 文本節點直接寫就可以 _this.$slots.default, // 所有不具名插槽,是個數組 createElement('div', _header) // createElement()創建的VNodes ] ) }
-
微信怎麼建,微信的創建方法
1、微信的創建方法:打開微信。點擊更多。選擇註冊。輸入暱稱,手機號和密碼。勾選同意協議。點擊註冊即可。2、微信推薦使用手機號註冊,並支持100餘個國家的手機號。微信不可以通過QQ號直接登錄註冊或者通過郵箱帳號註冊。第一次使用QQ號登陸時,是登陸不了的,只能用...
-
關於神舟飛船的資料
1、神舟號飛船的概念:神舟飛船是中國自行研製,具有完全自主知識產權,達到或優於國際第三代載人飛船技術的飛船,神舟號飛船是採用三艙一段,即由返回艙,軌道艙,推進艙和附加段構成,由13個分系統組成。神舟號飛船與國外第三代飛船相比,具有起點高,具備留軌利用能力等特點,神...
-
打包文件怎麼用qq發送文件
我們經常會要用QQ來發送文件,但如果需要發送的文件比較大的話,發送的速度就會很慢,這時候就可以選擇先將文件進行壓縮打包,然後再將板打包好的壓縮文件發送給好友,這樣傳輸的速度就會快很多,那麼,qq怎麼打包發送文件呢?首先,將需要發送的文件放到一個文件夾裏面,接着選中...
-
傳真機是誰發明的啊
1、1843年,蘇格蘭鐘錶匠亞歷山大?拜恩發明的裝置與現代傳真機在原理上驚人相似,該裝置包括一支連接鐘擺的筆,鐘擺則由電磁脈衝驅動。2、1850年,又有一位名叫弗?貝克卡爾英國的發明家,把傳真機的結構作了一些改進,他採用“滾筒和絲桿”裝置代替了時鐘和鐘擺的結構。這...