清空Vue表單在某些情況下非常有用，特別是在用戶需要重新輸入數據時。下面是一些方法可以清空Vue表單。

1. 使用reset()函數

<template>
<form ref="form">
<input v-model="name" type="text">
<button @click="resetForm">清空</button>
</form>
</template>
<script>
export default {
data() {
return {
name: ''
}
},
methods: {
resetForm() {
this.$refs.form.reset();
}
}
}
</script>

2. 使用v-model綁定數據，重置數據

<template>
<form>
<input v-model="name" type="text">
<button @click="resetForm">清空</button>
</form>
</template>
<script>
export default {
data() {
return {
name: ''
}
},
methods: {
resetForm() {
this.name = '';
}
}
}
</script>

3. 使用ref綁定表單元素，遍歷元素清空數據

<template>
<form ref="form">
<input ref="name" v-model="name" type="text">
<button @click="resetForm">清空</button>
</form>
</template>
<script>
export default {
data() {
return {
name: ''
}
},
methods: {
resetForm() {
Object.values(this.$refs.form).forEach(el =>{
el.value = '';
});
}
}
}
</script>

以上3種方法都可以清空Vue表單。重要的是知道在什么情況下使用哪種方法。