Intact实例方法

Intact实例方法

set

设置实例数据，如果触发变更会是界面更新，并且触发相应的事件。详见Intact实例#操作数据

set(key, value[, options])

@param key {String} 属性名
@param value {*} 属性值
@param options {Object} 选项
@return this
@example
```
this.set('a', 1);
this.set('b.b', '2');
```

set(obj[, options])

@param obj {Object} 批量设置的属性对象
@param options {Object} 选项
@return this
@param
```
this.set({a: 1, b: '2'});
```

批量设置时，不用使用路径设值，否则会将路径当做属性名来添加新属性。例如： this.set({'b.b': 2})会添加属性名b.b值为2，而非属性b值为{b: 2}。

@since v2.2.6 支持批量路径设置，例如上例b值为{b: 2}

get

获取实例数据

get(key)

@param key 要获取的属性名
@return {*}
@example
```
this.get('a');
this.get('b.b');
```

get()

@return {*} 返回实例所有数据

on

绑定组件的事件，详见事件处理#监听组件事件

on(eventName, callback)

@param eventName {String} 事件名
@param callback {Function} 事件处理函数
@return this

@example

this.on('$change:a', function(c, newValue, oldValue) {
  console.log(newValue, oldValue);
});

one

绑定组件的事件，与on()不同之处在于，事件回调触发后，立即解绑

one(eventName, callback)

@param eventName {String} 事件名
@param callback {Function} 事件处理函数
@return this

@example

this.one('$change:a', function(c, newValue, oldValue) {
  console.log(newValue, oldValue);
});

off

解绑事件

off()

解绑所有事件

@return this

off(eventName)

解绑所有eventName事件

@param eventName {String} 要解绑的事件名
@return this

off(eventName, callback)

解绑指定事件名下指定的事件处理函数

@param eventName {String} 要解绑的事件名
@param callback {Function} 要解绑的事件处理函数
@return this

@example

var callback = function() {};
this.on('$change:a', callback);
this.off('$change:a', callback);

trigger

触发事件

trigger(eventName[, …args])

@param eventName {String} 要触发的事件名
@param args {*} 传给事件处理函数的数据
@return this

example

this.trigger('like', 'Javey', '红楼梦');

toString

将组件渲染成字符串，一般用于服务器端渲染

toString()

@return {String}

@example

// 将上面的第一个App渲染成字符串
var app = new App();
console.log(app.toString()); // <div>Intact</div>

init

初始化组件的dom元素赋给element属性，此时会触发_create生命周期

init()

@return {HtmlElement}

mount

触发组件_mount生命周期

mount()

@return {undefined}

update

使组件强制更新界面，触发_beforeUpdate和_update生命周期

update()

@return {HtmlElement}

destroy

销毁组件，触发_destroy生命周期

destroy()

@return {undefined}

_initMountedQueue

用于组件生命周期中，给组件绑定后才执行的函数，初始化一个队列，详见Intact实例#创建实例

_triggerMountedQueue

执行上述队列中的函数