记录一次vue优化

$$(’*’) ，在浏览器控制台输入即可看到，查看项目的dom数量，将不需要双向绑定的数据，例如：列表、表格等不需要编辑或者联动的数据去除双向绑定

下面是Vue源码片段

function defineReactive$$1 (
    obj,
    key,
    val,
    customSetter,
    shallow
  ) {
   
    var dep = new Dep();

    var property = Object.getOwnPropertyDescriptor(obj, key);
    // 我们可以看到，当数据的configurable为false，就不会进行get和set的绑定了
    if (property && property.configurable === false) {
   
      return
      .... // 略过部分代码
      // 我们直接看下面
      Object.defineProperty(obj, key, {
   
      enumerable: true,
      configurable: true,
      get: function reactiveGetter () {
   
        var value = getter ? getter.call(obj) : val;
        if (Dep.target) {
   
          dep.depend();
          if (childOb) {
   
            childOb.dep.depend();
            if (Array.isArray(value)) {
   
              dependArray(value);
            }
          }
        }
        return value
      },
      set: function reactiveSetter (newVal)