vue.js实现todolist代码

很高兴回答您的问题！以下是一个简单的Vue.js实现todolist的代码：

<template>
  <div>
    <h1>Todolist</h1>
    <input v-model="newItem" @keyup.enter="addItem" type="text" placeholder="Add new item...">
    <ul>
      <li v-for="(item, index) in items" :key="index">{{ item }} <span @click="removeItem(index)">X</span></li>
    </ul>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        newItem: '',
        items: []
      }
    },
    methods: {
      addItem() {
        if (this.newItem !== '') {
          this.items.push(this.newItem);
          this.newItem = '';
        }
      },
      removeItem(index) {
        this.items.splice(index, 1);
      }
    }
  }
</script>

希望能对您有所帮助！如果您还有其他问题需要解答，请随时提出。