创建一个简单的Vue组件，用于显示一个列表，并实现动态添加和删除列表项的功能

以下是一个简单的Vue组件，用于显示一个列表，并实现动态添加和删除列表项的功能：

<template>
  <div>
    <button @click="addItem">添加列表项</button>
    <ul>
      <li v-for="(item, index) in itemList" :key="index">
        {{ item }}
        <button @click="deleteItem(index)">删除</button>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      itemList: []
    };
  },
  methods: {
    addItem() {
      this.itemList.push("新的列表项");
    },
    deleteItem(index) {
      this.itemList.splice(index, 1);
    }
  }
};
</script>

这个组件包含一个按钮和一个列表。点击按钮会在列表中添加一个新的列表项，每个列表项后面有一个删除按钮，点击删除按钮会删除对应的列表项。