使用vue，写一个留言板

好的，我可以为您提供一些VueJS的代码来创建一个留言板。

首先，我们需要创建一个Vue实例，然后在模板中添加一个表单和留言列表。

<div id="app">
  <form @submit.prevent="addMessage">
    <input v-model="message" placeholder="输入留言" />
    <button type="submit">添加留言</button>
  </form>

  <ul>
    <li v-for="msg in messages" :key="msg.id">{{ msg.text }}</li>
  </ul>
</div>

接下来，我们需要在Vue实例中定义数据和方法，以便将表单输入添加到留言列表中。

new Vue({
  el: "#app",
  data: {
    message: "",
    messages: []
  },
  methods: {
    addMessage() {
      this.messages.push({
        id: Date.now(),
        text: this.message
      });
      this.message = "";
    }
  }
});

现在，当用户输入留言并单击“添加留言”按钮时，将调用addMessage方法，该方法将创建一个新的留言对象并将其添加到留言列表中。

这是一个简单的VueJS留言板示例，仅用于演示如何使用VueJS编写此应用程序。感谢您的提问！