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"