vue form表单数据更新

在Vue中，可以通过v-model指令将表单元素的值与Vue实例中的数据进行双向绑定。当表单元素的值发生变化时，Vue实例中的数据也会相应地更新。如果需要手动更新表单数据，可以使用Vue实例的$forceUpdate()方法进行强制更新。

以下是一个简单的Vue表单更新的例子：

<template>
  <form>
    <label>
      Name:
      <input type="text" v-model="name">
    </label>
    <label>
      Age:
      <input type="number" v-model="age">
    </label>
    <button @click.prevent="updateForm">Update</button>
  </form>
</template>

<script>
export default {
  data() {
    return {
      name: '',
      age: 0
    }
  },
  methods: {
    updateForm() {
      // 手动更新表单数据
      this.$forceUpdate();
    }
  }
}
</script>

在上面的例子中，当点击“Update”按钮时，会调用updateForm方法，该方法会手动更新表单数据。需要注意的是，$forceUpdate方法会强制重新渲染组件，因此应该尽量避免频繁使用。