做网站需要的导航,网站设计制作一条龙多少钱,建筑设计公司网站模板,跨境电商怎么样grootJs简明教程 mvvm框架也是解决的一类问题#xff0c;在某些时候会提高生产效率#xff1b; 经过接近一个月的努力#xff0c;grootJs测试版终于发布了 grootJs是一个mvvm的框架#xff0c;名字取 grass 和root 两个单词的组合#xff0c;既“草根”之意。在创作的中…grootJs简明教程 mvvm框架也是解决的一类问题在某些时候会提高生产效率 经过接近一个月的努力grootJs测试版终于发布了 grootJs是一个mvvm的框架名字取 grass 和root 两个单词的组合既“草根”之意。在创作的中本着尽量简单实用的原则构思完成的 grootJs不同于其他mvvm的三大亮点 1.model模型自动回收。在框架中加入了垃圾回收机制程序员不回再为了因不断创建大量modle不能回收或不便于回收造成内存占用太高而烦恼 2.全新的变量值变化监模型改善其他mvvm框架对一些动态数组中得变量变化不便于监控的问题 3.全新的ui控件开发接口是控件的值和页面页面模型的值实现同步操作开发的控件时 就像操作html内置控件一样 还有更多的新的东西等待你的发觉.... 项目地址 https://github.com/time-go/grootJs Grootjs官网(最新文档在官网更新) 官网http://time-go.github.io/grootJs 作者联系方式:qq289880020官方技术支持QQ群330603020 如有bug 疑问 或问题 请联系作者:-) Hello word(index1.html) 博客园上的教程不再更新 htmlhead titlehello word/title script srcjquery-1.11.2.min.js/script script srcgroot.js/script/headbodydiv gt-viewmyview div gt-objectdata input typetext gt-value-changesayinput typetext gt-value-changesay2span gt-text{say}{say2}/span /div input typebutton value点击 gt-clickfuzhi/div/body/htmlscript groot.view(myview, function (vm, ve) { vm.data { say: 1, say2: 2 } /*vm.say 1; vm.say2 20;*/ ve.fuzhi function () { vm.data {say: 10, say2: 50} vm.dataRender(); } })/script 说明:程序中首先引jquery框架的docment操作都是基于jquery的。 gt-viewmyview 是定义一个作用于为myview的范围对应的在js里也有一个 groot.view(myview...,这个两个是相对应得 vm是数据模型它有个属性为saygt-value-change“say”为绑定这个say属性 change 表示 输入框的值变化 vm中say的值就变化 相应 change该为blur就 是 输入框失去焦点的时候 vm.say得值变化gt-textsay得意义找个标签的内容绑定vm.say的值 大家可以看到随着输入框的值变化右边标签的值也在变化 目录 绑定事件 绑定对象 绑定数组 $self $index $first $last parent() outerParent() grootJs的属性绑定指令 变量监控 指令 gt-wach 内置模块加载器(commonjs规范)的使用 grootJs 属性过滤器 checkbox radio select绑定 groot 引入外部模板 grootJs属性扩展 groot.bindExtend grootJS ui控件定义 grootJs 系统常用API介绍转载于:https://www.cnblogs.com/blowfish/p/3778539.html
