文档 / 组件框架

(数据模型)Model

模型(Light.Model)

Lighting引入了双向模型绑定的概念，模型用来管理数据的，其定义是通过Light.defineView 方法定义出来的。

data

类型： Object | Function
详细：

Light.Model 实例的数据对象。双向绑定是根据defineProperty将data内的属性转化为getter/setter从而让它能响应数据变化。这个对象必须是普通对象：原生对象，getter/setter 及原型属性会被忽略。不推荐观察复杂对象。

在实例创建之后，可以用 model.$data 访问原始数据对象。Light.Model 实例也代理了数据对象所有的属性。

名字以 _ 或 $开始的属性不会被 Light.Model 实例代理。

可以通过将 model.$data 传入 JSON.parse(JSON.stringify(...)) 得到原始数据对象。

示例：

var data = { a: 1 }
// 直接创建一个实例
var model = new Light.Model({
data: data
})
model.a // -> 1
model.$data === data // -> true

methods

类型： Object
详细：

实例方法。实例可以直接访问这些方法，也可以用在指令表达式内。方法的 this 自动绑定到实例。
示例：

var vm = new Light.Model({
data: { a: 1 },
methods: {
  plus: function () {
    this.a++
  }
}
})
vm.plus()
vm.a // 2

watch

类型： Object
详细：

一个对象，键是观察表达式，值是对应回调。值也可以是方法名，或者是对象，包含选项。在实例化时为每个键调用 $watch() 。
示例：

var vm = new Light.Model({
data: {
  a: 1
},
watch: {
  'a': function (val, oldVal) {
    logger.debug('new: %s, old: %s', val, oldVal)
  },
  // 方法名
  'b': 'someMethod',
  // 深度 watcher
  'c': {
    handler: function (val, oldVal) { /* ... */ },
    deep: true
  }
}
})
vm.a = 2 // -> new: 2, old: 1