VM类

pandyle由VM管理数据和模板之间的数据绑定。

  • 创建:
    • 使用$('…').vm(data, autoRun)创建一个VM对象,并将这个VM对象跟jquery选择器中的元素关联起来。参数data接收一个json对象,此对象将与模板进行绑定。参数autoRun指示在创建好VM对象之后是否立即渲染模板,默认为true。此函数返回选择器中元素所关联的VM对象。
  1. var vm = $('.main').vm(data); //创建VM对象并赋值给vm变量。
  2. var vm2 = $('.main').vm(); //不传参数时,返回此元素关联的VM对象。vm2 === vm。
  • 也可使用new Pandyle.VM(element, data, autoRun)来创建VM对象。参数element是一个Jquery对象,data和autoRun含义同上(第一个方法实际是封装了此构造函数)
  1. var vm = new Pandyle.VM($('.class'), data);
  • 如果选择器对应多个元素,vm将同时作用于这些元素,vm中的数据更改时,这些元素也将同时更新。

  • 如果autoRun参数设置为false,则需要在下面调用VM.run()函数来渲染模板。

  1. var vm = $('.main').vm(data, false);
  2. ... //在此可以对vm进行一些设置
  3. vm.run(); //渲染模板