【vue3】实现数据响应式（ref、shallowRef、trigger、reactive、shallowReactive、toRef、toRefs）

shallowReactive与shallowRef的问题一样，shallowReactive只能响应第一层。为了单独提取对象中的一个，然后变成响应式，可以把toRef、toRefs理解为解构操作；reactive的值被解构出来丢失了响应式，这个时候就要用toRef、toRefs；可以粗略理解为 ref = shallowRef + triggerRef。只能对响应式的对象有用，非响应式的 视图毫无变化；1、通过ref获取dom元素。toRaw()效果图。