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

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

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

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

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

?

開始：

聲明一個HTML元素和一些標(biāo)記

<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>

現(xiàn)在每一個變化將存儲內(nèi)存。綁定跨度的html將被改變。和綁定數(shù)據(jù)將持續(xù),這意味著你的HTML會填充你的頁面重新加載數(shù)據(jù)。

文檔：

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

?

轉(zhuǎn)載于:https://www.cnblogs.com/blogs2014/p/5488938.html

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。