Html
    Css
    Js

    
                        

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

JQuery 类似Vue.js的双向数据绑定器

HTML DOM属性介绍:

vname:属性名称 data-share :表示数据共享,也就是凡是vname值定义相同的都将拥有相同的值。 data-bind:表示绑定数据,当HTML中的数据变化时,JS对象值也随之变化。

其中 data-share,data-bind的取值为:value,html。value表示绑定该区域的值域,html表示绑定该元素的html内容。

构造方法分为两种:

一种

$B("body");
$BindSysnc("body");

二种

new $B("body");//简写
new $BindSysnc("body");//原

取JS对象中的值

$(function()){
    //body 区域的内容都是一个对象
    var b = $B("body");

    b.data;//包含body里对象的值域。
});

从例子中取属性vname定义为性别属性sex. 

所以要取最新的sex值可以向下面做

$(function()){
    //body 区域的内容都是一个对象
    var b = $B("body");

    var sex = b.data.sex;//取Sex最新的值
});
//你可以通过打开自动共享
  b.startAutoShare();		
//关闭共享
b.stopAutoShare();
2
      饭吃了没。0
      2017/9/4 9:26:13
      //建议在BindSysnc.pt.init 函数加上这个。用于支持手动更新
      this.share = function(){
          share.share(that.data);
      }

      手动更新方法

      $(function()){
          //body 区域的内容都是一个对象
          var b = $B("body");
          var sex = b.data.sex;//取Sex最新的值   
          b.data.sex = 41;
          b.share();
      });
      回复
      饭吃了没。0
      2017/9/2 12:20:53

      上方例子,在22秒后,数据将被自动更新成123124124

      回复