vue3如何直接修改reactive定义的变量

vue3直接修改reactive定义变量

reactive定义的数组或者对象，不能直接赋值修改，否则定义的数据将失去响应性

可以通过Object.assign修改

let rowData = reactive({})
 
// 修改rowData的值
Object.assign(rowData, row)

vue批量修改reactive中的值

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:'李四'})

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持。