实现 shallowReactive

在本小节中，我们将会去实现 shallowReactive API

1. 单元测试

it('happy path', () => {
    const original = { foo: { bar: 1 } }
    const observed = shallowReactive(original)
    expect(isReactive(observed)).toBe(true)
    expect(isReactive(observed.foo)).toBe(false)
})

2. 实现 shallowReactive

通过 shallowReadonly 我们发现这两者其实是非常相似的

// reactive.ts
export function shallowReactive(raw,{
  return createActiveObject(raw, shalloReactiveHandlers)
})

// baseHandlers

const shallowMutableGet = createGetter(false, true)

// other code ...


export const shallowMutableHandlers = extend({}, mutableHandlers, {
  get: shallowMutableGet,
})

这样跑测试就可以通过了