手写shallowRef 与 ref

        自定义shallowRef

       //在js中操作数据: xxx.value，所以要给这个基本数据类型包裹一个对象
       //对象value里面是他的值
        function shallowRef(target) {
          const result = {
            _value: target, // 用来保存数据的内部属性
            _is_ref: true, // 用来标识是ref对象
            get value () {
              return this._value
            },
            set value (val) {
              this._value = val
              console.log('set value 数据已更新, 去更新界面')
            }
          }
        
          return result
        }
        
        /* 
        自定义ref
        */
        function ref(target) {
            //判断是不是对象是的话avlue里面就用reactive来进行代理
          if (target && typeof target==='object') {
            target = reactive(target)
          }
          const result = {
            _value: target, // 用来保存数据的内部属性
            _is_ref: true, // 用来标识是ref对象
            get value () {
              return this._value
            },
            set value (val) {
              this._value = val
              console.log('set value 数据已更新, 去更新界面')
            }
          }
        
          return result
        }
        
        /* 测试自定义shallowRef */
        const ref3 = shallowRef({
          a: 'abc',
        })
        ref3.value = 'xxx'
        ref3.value.a = 'yyy'
        
        
        /* 测试自定义ref */
        const ref1 = ref(0)
        const ref2 = ref({
          a: 'abc',
          b: [{x: 1}],
          c: {x: [11]},
        })
        ref1.value++
        ref2.value.b[0].x++
        console.log(ref1, ref2)