如何将Vue.extend编程式插入组件改写成长尾词？

本文共计915个文字，预计阅读时间需要4分钟。

前言：在日常生活中，我们经常需要使用一个弹框组件的方式通常常是先通过Vue.component全局或局部注册组件，然后在模板中使用。

接下来，我们来尝试编程式的使用组件。

实现：步骤非常简单，通过的方式。

前言

日常中我们要使用一个弹框组件的方式通常是先通过Vue.component 全局或是 component 局部注册后，然后在模版中使用。接下来我们尝试编程式的使用组件。

实现

其实步骤很简单

1. 通过 Vue.extend() 创建构造器
2. 通过 Vue.$mount() 挂载到目标元素上
3. 目标实现一个 alert 弹框，确认和取消功能如下图

document.createElement

其实想要插入一个元素，通过 document.createElement 就可以实现，并非一定需要上面两步，但是涉及到组件的复杂度、样式设置、可维护性所以使用创建构造器的方式比较可行。