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	如果没有绑定值,链接的默认数据设置一个元素.

 

转载于:https://www.cnblogs.com/blogs2014/p/5488938.html