用vue写一个表单

以下是一个基本的表单示例，使用Vue.js实现：

HTML模板：

<div id="app">
  <form>
    <div>
      <label for="name">Name:</label>
      <input type="text" id="name" v-model="name">
    </div>
    <div>
      <label for="email">Email:</label>
      <input type="email" id="email" v-model="email">
    </div>
    <div>
      <label for="message">Message:</label>
      <textarea id="message" v-model="message"></textarea>
    </div>
    <button type="submit" v-on:click.prevent="submitForm">Submit</button>
  </form>
</div>

Vue.js实例：

new Vue({
  el: '#app',
  data: {
    name: '',
    email: '',
    message: ''
  },
  methods: {
    submitForm: function() {
      // 处理表单提交逻辑
      console.log('Name: ' + this.name);
      console.log('Email: ' + this.email);
      console.log('Message: ' + this.message);
    }
  }
});

在这个例子中，我们使用Vue.js的双向数据绑定来绑定表单元素的值。当表单提交时，我们使用v-on指令来阻止默认的提交行为，并调用submitForm方法来处理表单提交逻辑。在这个方法中，我们可以访问表单元素的值，并执行任何必要的操作，例如发送AJAX请求或显示成功/失败消息。

注意：这个示例只是一个基础的表单，你需要根据实际需求添加更多的表单元素和验证逻辑。