vue-虚拟DOM理解

    1.性能损耗原理

 var box = document.querySelector('.box') ;
    console.time('temp')
        var num = 1 ;
        var _num = 1 ;
        box.innerHTML = num ;
        for( var i = 0 ; i < 10000 ; i++ ){
            var box = document.querySelector('.box') ;
            _num  ++  ;
            box.innerHTML = _num ;
        }
    console.timeEnd('temp')  // 80
        console.time('temp')
            var num = 0 ;
            for( var i = 0 ; i <= 10000 ; i++ ){
                ++num ;
            }
            box.innerHTML = num ;
        console.timeEnd('temp') //0.8

    2.虚拟DOM的使用

    

       

           


           
           

                2