给我一个vue的demo

好的，以下是一个简单的Vue demo，它展示了如何使用Vue框架来创建一个基本的Todo List应用程序：

HTML:

<div id="app">
  <h1>Todo List</h1>
  <input v-model="newTodo" @keyup.enter="addTodo">
  <button v-on:click="addTodo">Add</button>
  <ul>
    <li v-for="(todo, index) in todos">
      <input type="checkbox" v-model="todo.done">
      <span v-bind:class="{ done: todo.done }">{{ todo.text }}</span>
      <button v-on:click="removeTodo(index)">Remove</button>
    </li>
  </ul>
</div>

JavaScript:

var app = new Vue({
  el: '#app',
  data: {
    newTodo: '',
    todos: []
  },
  methods: {
    addTodo: function() {
      if (this.newTodo.trim() !== '') {
        this.todos.push({
          text: this.newTodo,
          done: false
        });
        this.newTodo = '';
      }
    },
    removeTodo: function(index) {
      this.todos.splice(index, 1);
    }
  }
});

CSS:

.done {
  text-decoration: line-through;
}

这个demo展示了如何使用Vue框架来创建一个Todo List应用程序。用户可以添加新的Todo，标记已完成的Todo，以及删除Todo。