blear.classes.view-model v1.0.11

blear.classes.view-model

入门

var vm = new ViewModel({
    el: '#demo',
    // 可省略，默认为 el.innerHTML，也可以是模板节点、模板数据
    template: '#template',
    data: {
        username: '123'
    },
    methods: {}
});

<div id="demo">
    <input type="text" @model="username">
</div>

事件

• 事件的上下文为 data
• 触发元素固定为 $el
• 事件对象固定为 $event
• 支持事件过滤器 enter/esc/up/right/down/left/delete/tab/space
• 为了防止歧义，不支持事件表达式

@click="onClick"
@keyup.enter="onEnter()"
@keyup.delete="onDelete(arg)"

模型

• 支持在 input/select/textarea 的数据监听
• checkbox 如果没有 name 则返回布尔值
• checkbox 如果有 name 则返回数组
• radio 返回布尔值

@model="exp"