一个以MVVM“灵魂”复活的MVC框架!
时间:2023-04-02 16:58:42
HTML
Mokit最初写于2012年,是一款面向移动应用的前端mvc框架。v3版本进行了大量的重构或重写,并尽可能地保持了与之前版本相似的API。轻量级”MVVM框架,与目前主流的同类框架(react/vue/angular)相比,mokitv3更加“轻量级”,希望能为开发者提供多一种选择。与v2相比,主要变化是MVC->MVVM重写模板引擎(从字符模板到DOM模板),增加对双向绑定的支持,原来的View类改为Component,Controller类options选项改为properties,支持计算属性onRender生命周期函数改变到onReady新增支持data选项新增支持watches选项拆分模板选项功能,不再自动检测是否为Element,新增element选项命令默认前缀由data-改为m:,同时time自定义命令功能面向移动设备,具有对常用“手势事件”的内置支持以及轻松添加自定义事件的能力。极度轻量,仅9.8k(uglify+gzip)提供对WebComponents的支持,支持“组件继承”HelloworldHTML:clickme
JavaScript://startapplicationmokit({element:document.getElementById('app'),data:function(){return{name:'world'};},说:function(name){alert('hello'+name);}}).start();定义组件写入组件://定义一个hello组件varHello=newmokit.Component({template:'
',properties:{name:null},say:function(name){alert('hello'+name);}});HTML:点击me JavaScript://startappmokit({element:document.getElementById('app'),components:{Hello:Hello}data:function(){return{name:'world'};}})。开始();pluginlistrouteTransitionanimationTouchAPI在线示例TodoTransitionRouteTouch规划支持服务端渲染