【笔记】vue3.x 清空reactive对象

有一个reactive对象，在清空这个对象时，直接给其赋{}不起作用。

为了解决这个问题，采取了一点粗糙的方法，代码如下：

<template>
  <el-button @click="clear">清空</el-button>
</template>

setup() {
  const form = reactive({
    name: 'Name',
    age: 18
  })
  const clear = () => {
    Object.keys(form).map(key => {
      delete form[key]
    })
  }
  return {
    form,
    clear
  }
}