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	如果沒有綁定值,鏈接的默認數據設置一個元素.
?	?	?	?
?	?	?	?
?	?	?	?
?	?	?	?
?	?	?	?
?	?	?	?
?	?	?	?

?

轉載于:https://www.cnblogs.com/blogs2014/p/5488938.html

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的way.js - 轻量级、持久化的双向绑定JS库的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。