vue中form表单怎么提交，请给出模板

在Vue中，可以使用`v-on:submit`或`@submit`指令来监听表单的提交事件，然后调用方法来处理表单提交的数据。以下是一个简单的表单提交示例：

<template>
  <form @submit.prevent="submitForm">
    <label for="name">姓名：</label>
    <input type="text" id="name" v-model="name">

    <label for="email">邮箱：</label>
    <input type="email" id="email" v-model="email">

    <button type="submit">提交</button>
  </form>
</template>

<script>
export default {
  data() {
    return {
      name: '',
      email: ''
    }
  },
  methods: {
    submitForm() {
      // 处理表单提交的数据
      console.log('姓名：', this.name)
      console.log('邮箱：', this.email)

      // 清空表单数据
      this.name = ''
      this.email = ''
    }
  }
}
</script>

在上面这个示例中，我们使用`@submit.prevent="submitForm"`指令来监听表单的提交事件，并且在`methods`中定义了`submitForm()`方法来处理表单提交的数据。在方法中，我们可以通过`this.name`和`this.email`来访问表单中的数据。最后，我们可以在方法中清空表单数据，以便下一次提交。

需要注意的是，`@submit.prevent`指令中的`.prevent`用于阻止表单默认的提交行为，即刷新页面。