一个 MVC 框架以 MVVM 之「魂」复活了!
Dec 6, 2016Mokit 最初编写于 2012 年,是一个面向移动应用的前端 mvc 框架,v3 版本进行了大量的重构或重写,并尽可能的保持了和之前版本类似的 API,
v3 是一个「极轻量」的 MVVM 框架,相较目前主流的类似的框架(react/vue/angular),mokit v3 更为「轻量」,希望为开发人员提供多一种的选择。
相较 v2 主要变化
- MVC -> MVVM
- 原来的 View 类改为 Component,同时取消了 Controller 类
- options 选项改为 properties,并支持计算属性
- onRender 生命周期函数改为 onReady
- 新增支持 data 选项
- 新增支持 watches 选项
- 分拆 template 选项功能,不再自动检查是否为 Element,同时新增 element 选项
- 指令默认前缀由 data- 改为 m:,同时支持自定义指令
特性
- 面向移动设备,内置支持常用「手势事件」并可以轻松添加自定义事件。
- 极其轻量「核心 + 手势 API + Router」仅 13k (uglify+gzip)
- 提供类 WebCompoents 的支持,并支持「组件继承」
Hello 世界
HTML:
|
|
JavaScript:
|
|
定义组件
编写组件:
|
|
HTML:
|
|
JavaScript:
|
|
在线示例
规划
- 支持服务端渲染