reactive声明响应式对象，但修改值会比较麻烦，比如

    <script setup>
        import {reactive} from 'vue';
        let obj = reactive({
            id:1,
            name:'张三',
            age:18
        })
        obj.id = 2;
        obj.name = '李四';
    </script>

但是不能直接赋值，这样会失去响应性

obj = {id:2,name:'李四'}

解决方法：

使用Object.assign

obj = Object.assign(obj,{id:2,name:'李四'})