vue封装的alart组件类似el-ement组件向下打卡

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

1. 定义一个组件，例如AlertBox，可以使用Vue.extend函数来创建一个构造函数，然后在created钩子函数中创建弹框的DOM元素并插入到页面中。

2. 在组件中定义一个方法，例如show，用于显示弹框。该方法可以设置弹框的样式、位置等信息，并且可以触发弹框的动画效果。

3. 在组件中定义一个方法，例如hide，用于隐藏弹框。该方法可以触发弹框的动画效果，并在动画结束后将弹框从页面中移除。

4. 在组件中定义一个响应式数据，例如visible，用于控制弹框的显示和隐藏。当visible为true时，调用show方法显示弹框；当visible为false时，调用hide方法隐藏弹框。

5. 在父组件中使用AlertBox组件，并通过v-model指令绑定visible变量，即可通过改变visible变量的值来控制弹框的显示和隐藏。

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