vue3中ref和reactive

1.ref 支持所有类型，reactive 只支持引用类型Array Object Map Set

2.ref取值、赋值都需要加.value，reactive 是不需要加.value的

3.reactive 是proxy 代理的对象，不能直接赋值，直接赋值会覆盖，破坏响应对象

4.reactive 通常用来绑定表单元素

let list = reactive<string[]>([])


const add = () =>{
    setTimeout(()=>{
        let res = ['1','2','3']
        //这样赋值不会渲染到界面上
        list = res
        //需要push 加 ...解构赋值
        list.push(...res)
    },2000)
}