Object.freeze()理解

应用场景:在data或vuex里我们可以使用freeze冻结对象,对于纯展示的大数据,都可以使用Object.freeze提升性能

注意点:Object.freeze()冻结的是值,你仍然可以将变量的引用替换掉

new Vue({
    data: {
             // vue不会对list里的object做getter、setter绑定
             list: Object.freeze([
                    { value: 1 },
                    { value: 2 }
             ])
    },
    created () {
             // 界面不会有响应
             this.list[0].value = 100;

             // 下面两种做法,界面都会响应
             this.list = [
                 { value: 100 },
                 { value: 200 }
             ];
             this.list = Object.freeze([
                 { value: 100 },
                 { value: 200 }
             ]);
    }
})

你可能感兴趣的:(Object.freeze()理解)