声明式渲染和命令式渲染（三） - 平头弟

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

2019-04-13 21:39发布生成海报

站内文章 / 模拟电子

9784 0

命令式渲染：实现过程按照逻辑过程写出来的。（不仅要关注结果，还有过程） 例如：求数组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实例就是按顺序一步一步地去声明；（声明式渲染）

Ta的文章更多 >>

热门文章