vue3 reactive 重置数据
时间: 2023-07-02 19:17:39 浏览: 231
vue3实现不同数据结构渲染不同的UI页面功能
要重置 Vue3 中的 reactive 数据,你可以使用 `Object.assign()` 或者展开运算符 `...` 来创建一个新的对象,并将它赋值给 reactive 对象,从而重置它的值。
例如,假设你有一个 reactive 对象 `data`:
```javascript
import { reactive } from 'vue';
const data = reactive({
name: 'Alice',
age: 25
});
```
如果你想重置 `data` 的值为初始值,你可以这样做:
```javascript
const initialData = {
name: 'Alice',
age: 25
};
Object.assign(data, initialData); // 或者 data = reactive(initialData);
```
或者使用展开运算符:
```javascript
const initialData = {
name: 'Alice',
age: 25
};
data = reactive({ ...initialData });
```
这样做会将 `data` 重置为初始值。
阅读全文