添加一些有用的幫助程序來創(chuàng)建DOM元素并使它們與數(shù)據(jù)保持同步，RE：DOM是一個(gè)快速的JavaScript庫，用于創(chuàng)建您一直在尋找的UI！讓我們仔細(xì)看看是什么使這個(gè)庫特別。

正如我們之前所說的，好（有用）的東西通常以小包裝的形式出現(xiàn)。

RE：DOM 是一個(gè)很小的JavaScript庫，旨在添加一些有用的幫助程序來創(chuàng)建DOM元素并使它們與數(shù)據(jù)保持同步。

讓我們仔細(xì)看看。

一個(gè)擁有巨大個(gè)性的小型圖書館

以下是RE：DOM的主要功能：

元素-  el （實(shí)際上 別名 為 html）是用于幫助 document.createElement 一對(duì)夫婦的差異?；舅枷胧呛唵蔚赜脛?chuàng)建元素 el 并用裝載它們 mount，就像使用普通JavaScript一樣。

掛載– 您可以使用掛載元素/組件 mount(parent, child, [before])。如果定義了第三個(gè)參數(shù)，則其作用類似于 insertBefore ，否則為 appendChild。掛載將在 您第一次掛載孩子時(shí)觸發(fā) onmount 生命周期事件。如果您再次將同一個(gè)孩子安裝到同一個(gè)父對(duì)象上，則會(huì) onremount被調(diào)用。如果你把它安裝到另一個(gè)地方， onunmount 和 onmount 被調(diào)用。在此處找到有關(guān)安裝的更多信息。

組件– 您可以通過定義一個(gè)類或函數(shù)來輕松地使用RE：DOM創(chuàng)建組件，該類或函數(shù)將返回一個(gè)至少具有el 屬性的對(duì)象 ，并且在列出列表的情況下  還返回該 update 屬性。

列表– 當(dāng)您擁有動(dòng)態(tài)數(shù)據(jù)時(shí)，手動(dòng)保持元素和數(shù)據(jù)同步并不容易。那是 list(parent, View, key, initData) 幫助者來救援的時(shí)候。

位置–place(View, initData) 當(dāng)您需要在保留位置的同時(shí)創(chuàng)建/銷毀組件時(shí)，此功能非常有用。將其視為單視圖 路由器 （無需父級(jí)路由器）。

路由器– router(parent, routes, initData) 是一個(gè)組件路由器，它將根據(jù)當(dāng)前路由創(chuàng)建/更新/刪除組件。

有關(guān)RE：DOM可以做什么的更多信息，請(qǐng)查看文檔或轉(zhuǎn)到GitHub存儲(chǔ)庫。