用ant-degin-vue实现一个盒子左边是用一个小盒子包裹的tag标签，右边是用一个小盒子包裹的input输入框,最开始左边盒子不存在，当右边的盒子的input输入框输入内容并回车时左边的盒子才会形成tag标签出现

可以按照以下步骤实现：

1. 安装 ant-design-vue：

   npm install ant-design-vue --save

2. 在需要使用的组件中引入：

   <template>
     <div>
       <div v-if="showTag">
         <a-tag closable>{{ inputValue }}</a-tag>
       </div>
       <a-input v-model="inputValue" @press-enter="handleEnter"></a-input>
     </div>
   </template>
   
   <script>
   export default {
     data() {
       return {
         inputValue: '',
         showTag: false
       }
     },
     methods: {
       handleEnter() {
         if (this.inputValue !== '') {
           this.showTag = true;
         }
       }
     }
   }
   </script>

在这个组件中，我们使用了 ant-design-vue 中的 a-tag 和 a-input 组件。当输入框中输入内容并按下回车键时，会触发 handleEnter 方法，将 showTag 设置为 true，并显示左边的标签。注意，在标签中我们使用了 closable 属性，这样可以让标签变成可关闭的，方便用户进行操作。

另外，我们使用了 v-if 指令来控制标签的显示和隐藏。当 showTag 为 false 时，标签不会被渲染到页面中。