Vue 3.0 中重置 reactive 定义的响应式对象数据，恢复为初始值

本文主要是介绍Vue 3.0 中重置 reactive 定义的响应式对象数据，恢复为初始值，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

Vue 3.0 中如何重置 reactive 定义的数据，恢复为初始值？ - 知乎

1、直接挨个重置数据（不适用对象中有多个属性，比较繁琐）

import { reactive } from 'vue'const state = reactive({count: 0,name: 'John'
})// 重置数据：
state.count = 0
state.name = 'John'

2、使用Object.assign()

import { reactive, ref } from "vue";//保存初始化数据
const initInputData = {datasourceName: "",driverClassName: "",url: "",userName: "",password: "",startYear: "",endYear: "",status: true,action: "submit",id: "",ip:'',port:''
}
const inputData = reactive({...initInputData});//重置函数
const resetInputData = () => {Object.assign(inputData,initInputData)
}

这篇关于Vue 3.0 中重置 reactive 定义的响应式对象数据，恢复为初始值的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---