如何在vue js中使用表单中的模板

new Vue({
  el: '#app',
  data: {
    formData: {
      name: '',
      email: '',
      password: ''
    }
  },
  methods: {
    submitForm() {
      // 处理表单提交逻辑
    }
  }
});

<div id="app">
  <form @submit.prevent="submitForm">
    <label for="name">Name:</label>
    <input type="text" id="name" v-model="formData.name">
    
    <label for="email">Email:</label>
    <input type="email" id="email" v-model="formData.email">
    
    <label for="password">Password:</label>
    <input type="password" id="password" v-model="formData.password">
    
    <button type="submit">Submit</button>
  </form>
</div>

methods: {
  submitForm() {
    // 获取表单数据
    const { name, email, password } = this.formData;
    
    // 执行表单提交逻辑，例如发送请求到服务器
    // ...
  }
}