pandyle 特点 适用场景 文档 交流 pandyle pandyle是一个基于jquery的MVVM库。它为jquery提供了基本的模板和组件功能。pandyle秉承jquery — write less, do more 的设计理念，主要关注点即在于简单 ，它的大小只有7kb（压缩后），易学易用，努力减少你书写的代码量，并且更贴合传...

pandyle 为什么要写这个库 pandyle pandyle是一个基于jquery的MVVM库。它为jquery提供了基本的模板和组件功能。pandyle秉承jquery — write less, do more 的设计理念，主要关注点即在于简单 ，它的大小只有7kb（压缩后），易学易用，努力减少你书写的代码量，并且更贴合传统的jquery...

组件 组件 pandyle使用p-com属性提供组件功能。pandyle中的组件实质就是一段html代码，在标签中使用p-com属性来指定组件的名称。VM会根据p-com中指定的名称和Pandyle配置中的comPath字段去加载对应的组件并渲染。如果没有设置comPath，VM会在默认的./components 文件夹中寻找对应名称的组件。 示例...

pandyle中可以通过别名来引用数据。别名以@符号标记。pandyle中有一些预留的别名，分别是这些：@window：引用window对象@root：引用创建vm时传入的对象@index:在循环中引用当前项的索引值@self：当前元素的上下文@private：当前组件的私有数据 可以使用p-as指令来为当前元素的上下文指定别名，在此元素的子孙元素中，都...

VM类 VM类 pandyle由VM管理数据和模板之间的数据绑定。 创建： 使用$('…').vm(data, autoRun)创建一个VM对象，并将这个VM对象跟jquery选择器中的元素关联起来。参数data接收一个json对象，此对象将与模板进行绑定。参数autoRun指示在创建好VM对象之后是否立即渲染模板，默认为true。此函数返回选择...

模板语法 模板语法 使用两对花括号{{}}进行文本插值绑定 <div> 显示message属性：{{message}} </div> <script> $ ( 'div' ). vm ({ message : 'hello world' }); </script> 在花括号中可以调用函数或者...

Inputs类 Inputs类 pandyle使用Inputs类来管理用户的输入。 创建：使用$(…).inputs()来创建Inputs类的实例，该实例获取指定元素下面所有表单元素的输入数据（表单元素不需要包含在<form> 元素内）。也可使用new Pandyle.Inputs(element) 来创建实例。 Inputs拥有以下两个方法...

使用p-context设置上下文 在pandyle中，可以使用p-context为元素设置数据上下文。该元素及其子元素的数据绑定将按照上下文进行解析。 <div p-context = "info" > <p> {{name}} </p> <p> {{age}} </p> </div> ...