JS Object constructor Object.freeze

const obj = {
  Prop: 42
}
Object.freeze(obj)

obj.prop = 33 // Strict mode will throw an error.

console.log(obj.prop) // 42

var obj = {
  prop: function() {},
  foo:'bar'
}

// Both the object passed as a parameter and the returned object are frozen // so there is no need to save the returned object (because both objects are equal)
var o = Object.freeze(obj)
o === obj // true

// Any changes from now on will have no effect obj.foo = 'he' // Do nothing Obj.hxx = 'he' // Do not add this property // Try to change the property via Object.defineProperty // Both of the following statements will throw an exception Object.defineProperty(obj,'foo',{value:'yy'})
Object.defineProperty(obj,'sex',{value:'女'})

// The prototype cannot be changed either // The following two statements will throw an exception Object.setPrototypeOf(obj,{x:20})
Obj.__prorp__ = {x:20}

let a = [0]
Object.freeze(a) // Now the array cannot be modified a[0] = 1 // Failed a.push(2) // Failed

let obj = {
  internal: {}
}

Object.freeze(obj)
obj.internal.a = 'he'
console.log(obj.internal.a) // he

deepFreeze = (obj) => {
  var propNames = Object.getOwnPropertyNames(obj);
  propNames.forEach(function (name) {
    var prop = obj[name];
    if (typeof prop == 'object' && prop !== null) {
      deepFreeze(prop);
    }
  });
  Object.freeze(obj);
}


deepFreeze1 = (obj) => {
  var prop, propName
  Object.freeze(obj)
  for (propName in obj) {
    prop = obj[propName]
    if (!obj.hasOwnProperty(propName) || !(typeof prop === "object") || Object.isFrozen(prop)) {
      // Skip properties on the prototype chain and frozen objects.
      continue
    }
    deepFreeze1(prop)
  }
}

title: "Floor Sales",
value: "",
options: [],

new vue({
  data: {
    // Vue will not bind getters and setters to objects in the list list: Object.freeze([
      { value: 1 },
      { value: 2 }
    ])
  },
  mounted () {
     // The interface will not respond this.list[0].value = 100;


     // The following two methods will respond to this.list = [
       { value: 100 },
       { value: 200 }
     ];
     this.list = Object.freeze([
       { value: 100 },
       { value: 200 }
     ]);
  }
})