avalon define新老风格对比

1、老风格

　　var array = [];

　　var  vmdoel = avalon.define("id", function(vm){

　　　　vm.aa = "aaa",

　　　　vm.bb = "bbb",

　　　　array.push(10),

　　　　avalon.mix(vm, {aa:2,cc:3});

　　　　vm.fun = function(){

　　　　}

　　});

2、新风格

　　var vmodel = avalon.define({

　　　　$id: id,

　　　　aa: aaa,

　　　　bb: bbb

　　})

　　vmodel.$watch("aa", callback)

3、新老风格对比

　　（1）区分vm和vmodel，vm只能定义属性，vmodel只能更新里面的属性或执行它的方法

　　（2） array.push(10)，会执行两次

　　（3）avalon.mix()  在IE6-8会报重复定义 

4、 IE6-8重复定义

　　产生原因在IE6-8下，使用VBScript生成vmodel，VBScript变量的命名规则为：

　　　　* 变量名只能由字母、数字和下画线组成;

　　　　* 变量名的第一个字母必须是英文字母;

　　　　* 变量名的有效字符长度为255个;

　　　　* 不能用VBScript的保留字(关键字)作变量名，但可以把保留字嵌人变量名中。

　　

　　VBScript不区分变量名和其他名字中字母的大小写，Hello, hello, HELLO指的都是同一个名字，也就是说，在定义一个变量后，只要字符相同，则不管其大小写是否相同，指的都是这个变量。

　　解决办法不要在vmodel的初始化中声明只有大小写不同的变量。为了便于阅读，建议使用小驼峰的命名规则命名变量。var vm = avalon.define({ $id: "demo", firstName: ""});