1 Star 2 Fork 0

Rezero / mvu

加入 Gitee
与超过 800 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README.md

mvu

Model -> View -> Update -> Model .....

运行流程

---Model-----View--------Update
    ---------->
              ------------->
    <-----------------------

代码示例

实现一个计数器功能

// 在document.body上追加
app(document.body,{
  model:0,
  init:init,
  view:view,
  update:update
})
// Model -> ModelMsg Model Msg
function init(model){
  return 0
}
// Model -> Msg -> ModelMsg Model Msg
function update(model,msg){
  if(Msg.eq('add',msg)){
    return model + getMsgVal(msg)[0]
  }else{
    return model
  }
}

// Model -> AHtml Msg
function view(model){
  return ['div.myclass',
    ['div#myid','总数:', model],
    ['button',{_click:Msg('add',1)},'+1'],
    ['button',{_click:Msg('add',2)},'+2']]
}

引入常用的函数

var app = mvu.app
var createMsgType = mvu.createMsgType
var Msg = createMsgType()
var ModelMsg = mvu.ModelMsg
var getMsgVal = mvu.getMsgVal

仓库评论 ( 0 )

你可以在登录后,发表评论

简介

一种新的方式写页面。 不带有任何的构建工具依赖,轻量的,原生语法支持的组件 展开 收起
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
1
https://gitee.com/diqye/mvu.git
git@gitee.com:diqye/mvu.git
diqye
mvu
mvu
master

搜索帮助

挂件 关闭按钮