声明式渲染和命令式渲染（三）

命令式渲染：实现过程按照逻辑过程写出来的。（不仅要关注结果，还有过程）

例如：求数组arr中每一项的倍数，放到一个新数组里。

    var arr=[1,2,3,4,5];
    var newArr=[];
    for(var i = 0 ; i < arr.length ; i++ ){
            
            newArr.push(arr[i]*arr[i])

    }
    console.log(newArr);    // [1,4,9,16,25]
    

如果按照声明式渲染的写法呢 ？

声明式渲染：只用声明，不用管逻辑怎么来的。（只关注结果，不需要知道过程如何实现的）

例如：

    var arr = [1,2,3,4,5];
    var newArr = arr.map(function(elem){
        return elem*elem
    })
    console.log(newArr)    // [1,4,9,16,25]

Vue实例就是按顺序一步一步地去声明；（声明式渲染）