way.js - 輕量級、持久化的雙向綁定JS庫

AngularJS的雙向綁定一直為人稱道，但使用AngularJS需要對頁面組件化，學習成本還是很高的。

本文源自 https://github.com/gwendall/way.js 邊學邊譯。

使用：引用一個js文件即可。

<script src="way.min.js"></script>

way.js.  官方JS腳本 點擊下載

 

開始：

聲明一個HTML元素和一些標記

 <form way-data="myFormData" way-persistent="true">
    <input type="text" name="name">
    <input type="text" name="age">
    <input type="text" name="gender">
  </form>

  Name: <span way-data="myFormData.name"></span>

現在每一個變化將存儲內存。綁定跨度的html將被改變。和綁定數據將持續,這意味着你的HTML會填充你的頁面重新加載數據。

文檔：

名稱	類型	默認值	描述
data	string	null	允許定義點分離路徑數據將存儲的地方。可以包括數組。當表單上使用時,一個json變量包括所有的輸入了一個[名字]屬性將被創建並存儲在指定的存儲。通過“__all__”路徑訪問所有的way.js的數據。
default	strign	null	如果沒有綁定值,鏈接的默認數據設置一個元素.