半分钟看懂双向数据绑定

<body>
    Hello <span c-bind="name"></span>
    <br>
    <input c-bind="name">
</body>
+
<script type="text/javascript">
        cola(function (model) {
            model.set("name", "World!");
        });
</script>
Hello 

两分钟学会控件与数据绑定

<body>
<div c-widget="form">
    <div class="field">
        <label>Email</label>
        <div c-widget="input; bind:email">
        </div>
    </div>
    <div class="field">
        <div c-widget="button; click:save">
        提交
        </div>
        <div c-widget="button; click:clear">
        清空
        </div>
    </div>
</div>
</body>
+
<script type="text/javascript">
    cola(function (model) {
        model.describe({
            email: {
                validators: ["required",
                 "email"]
            }
        });
        model.action({
            save:function(){
                alert(model.get("email"))
            },
            clear:function(){
                model.set("email","")
            }
        })
    });
</script>
提交
清空

此示例为一个手机商店案例

建议手机上预览

电脑预览