Vue 封装 Alert 组件，类似 Element 组件向下弹出

对于这个问题，需要进一步说明。如果是类似于 Element 组件向下弹出的弹框，可以通过以下步骤实现：

定义一个组件，例如'AlertBox'，可以使用'Vue.extend'函数来创建一个构造函数，然后在'created'钩子函数中创建弹框的DOM元素并插入到页面中。
在组件中定义一个方法，例如'show'，用于显示弹框。该方法可以设置弹框的样式、位置等信息，并且可以触发弹框的动画效果。
在组件中定义一个方法，例如'hide'，用于隐藏弹框。该方法可以触发弹框的动画效果，并在动画结束后将弹框从页面中移除。
在组件中定义一个响应式数据，例如'visible'，用于控制弹框的显示和隐藏。当'visible'为'true'时，调用'show'方法显示弹框；当'visible'为'false'时，调用'hide'方法隐藏弹框。
在父组件中使用'AlertBox'组件，并通过'v-model'指令绑定'visible'变量，即可通过改变'visible'变量的值来控制弹框的显示和隐藏。

需要注意的是，Element 组件向下弹出的弹框还涉及到了遮罩层、点击遮罩层关闭弹框等一系列功能，具体实现方式需要根据需求进行调整。