vue2，点击按钮，创建容器，点击按钮删除容器

好的，这里提供一个简单的 Vue2 示例代码，演示如何点击按钮创建容器，并且点击按钮删除容器。

<template>
  <div>
    <button @click="createContainer">Create Container</button>
    <button @click="deleteContainer">Delete Container</button>
    <div v-if="containerVisible" class="container">
      This is a container.
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      containerVisible: false,
    };
  },
  methods: {
    createContainer() {
      this.containerVisible = true;
    },
    deleteContainer() {
      this.containerVisible = false;
    },
  },
};
</script>

<style>
.container {
  width: 200px;
  height: 200px;
  border: 1px solid black;
  margin-top: 10px;
}
</style>

在上面的代码中，我们使用了一个 `data` 属性 `containerVisible` 来控制容器的显示与隐藏。初始时，容器是隐藏的。当用户点击 "Create Container" 按钮时，我们将 `containerVisible` 设置为 `true`，从而显示容器。当用户点击 "Delete Container" 按钮时，我们将 `containerVisible` 设置为 `false`，从而隐藏容器。

在模板中，我们使用了 `v-if` 指令来控制容器的显示与隐藏。当 `containerVisible` 为 `true` 时，容器会被渲染到页面上。当 `containerVisible` 为 `false` 时，容器会被从页面上移除。

注意，在上面的代码中，我们使用了 CSS 样式来定义容器的样式。你可以根据自己的需求来修改样式。