在我们的Vue开发中,会有一些数据,从始至终都未曾改变过,这种死数据,既然不改变,那也就不需要对他做响应式处理了,不然只会做一些无用功消耗性能,比如一些写死的下拉框,写死的表格数据,这些数据量大的死数据,如果都进行响应式处理,那会消耗大量性能。

vue不需要响应式的数据应该怎么处理?-QUI-Notes

方法一:将数据定义在data之外

data () {
    this.list1 = { ... }
    this.list2 = { ... }
    return {}
 }

方法二:Object.freeze()冻结数据

data () {
    return {
        list1: Object.freeze({...}),
        list2: Object.freeze({...}),
    }
 }