当前目录: avalon.js笔记
avalon $fire重新监听方法

2016年9月12日  avalon.js笔记   

把不监听的属性名传入到$skipArray中时,在使用$watch重新监听时,值发生变化是不会回调了。 如果想让$skipArray里面的属性重新获得$watch重新监听的功能就使用$fire *注意,要让$skipArray里面的属性重新获得$watch重新监听的功能,$watch不能使用*符号,必须指定详细的属性名。 参数1:传入要重新监听的属性名, 参数2:传入新值, 参数3:旧值   avalon.ready(function(){ var vm=avalon.define({ $id:'ceshi', value1:'测试值', $skipArray:['value1'], fn:function(){ // vm.value1='测试值11'; //console.log(vm['value1']); vm.$fire('value1','测试值11','测试值'); //属性名,新值,旧值 } }); vm.$watch('value1',function(a...

avalon查看视图模型的所有属性和方法$model

2016年9月9日  avalon.js笔记   

$model会将vm中所有自定义的属性和方法显示出来 var vm=avalon.define({ $id:'ceshi', value:'值', arr:['你','我','他'], fn:function(n){ console.log(vm.$model); }, });  

avalon监听回调 $watch

2016年9月8日  avalon.js笔记   

$watch是avalon重要又实用的属性,此方法是用于监听vm中的对象的属性变化。 监听函数有三个参数, 第一个是新值, 第二个是旧值, 第三个是发生变动的属性的名字。 $watch方法供与其他操作DOM的库一起使用的,如富文本编辑器什么. 在$watch回调里更新VM自身的属性是非常危险的事,很容易引发死循环 能监听: 第一层属性值变化; 数组长度变化; 对象属性内容变化; 不能监听: 数组内容变化; 对象长度变化 推荐使用数据格式: [{a:123},{b:'你好'}]   支持通配符* 下面是$watch方法的的七种用法: var vm = avalon.define({ $id: "test", array: [1, 2, 3], d: 888, arr: [{ a: 1 }, { a: 2 }, { a: 3 }], obj: { a: 1, b: 2 }, a: { b: { c: { d...

avalon设置唯一id $id

2016年9月8日  avalon.js笔记   

不管多少个ms-controller或者ms-important都要为其设置唯一的id,必选。 var vm=avalon.define({ $id:'test' });

查看avalon全局视图模型avalon.vmodels

2016年9月8日  avalon.js笔记   

查看avalon全局视图模型avalon.vmodels //创建了2个avalon视图模型 <body ms-controller="test"> <div ms-controller="test2"></div> </body> var vm=avalon.define({ $id:'test', text:'1', array:[11,'我','ta'], click1:function(){ alert(1); } }); var vm2=avalon.define({ $id:'test2' }); console.log(avalon.vmodels); 在控制台中就会打印出: Object {test: Observer, test2: Observer}