bison1994 / two-way-data-binding Goto Github PK

function compile (node, vm) {
        var reg = /\{\{(.*)\}\}/;
        //这里加一个递归
        if(node.childNodes && node.childNodes.length>0){
            for(var i=0,len =node.childNodes.length;i<len;i++ ){
                compile(node.childNodes[i],vm);
            }
        }
        // 节点类型为元素
        if (node.nodeType === 1) {
            var attr = node.attributes;
            // 解析属性
            for (var i = 0; i < attr.length; i++) {
                if (attr[i].nodeName == 'v-model') {
                    var name = attr[i].nodeValue; // 获取v-model绑定的属性名
                    node.addEventListener('keyup', function (e) {
                        // 给相应的data属性赋值，进而触发该属性的set方法
                        vm[name] = e.target.value;
                    });
                    node.value = vm[name]; // 将data的值赋给该node
                    node.removeAttribute('v-model');
                }
            };
            new Watcher(vm, node, name, 'input');
        }
        // 节点类型为text
        if (node.nodeType === 3) {
            if (reg.test(node.nodeValue)) {
                var name = RegExp.$1; // 获取匹配到的字符串
                name = name.trim();
                new Watcher(vm, node, name, 'text');
            }
        }
    }