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: ""});

原文地址:https://www.cnblogs.com/slogeor/p/4312012.html