Vue利用Vue.extend()实现自定义弹出框

运用场景：如果想实现一个类似于 window.alert() 提示组件要求像调用 JS 函数一样调用它，这时候Vue.extend + vm.$mount 组合就派上用场了。

简单介绍：

Vue.extend(options)

参数：对象

用法：使用Vue构造器，创建一个“子类”，参数是一个包含组件选项的对象，其中,data选项中必须是函数

描述：Vue.extend返回的是一个“扩展实例构造器”，也就是预设了部分选项的Vue的实例构造器，它常常服务于Vue.component用来生成组件，可以简单理解为当在模板中遇到该组件作为标签的自定义元素时，会自动调用“扩展实例构造器”来生产组件实例，并挂在到自定义元素上。

 

转载于:https://www.cnblogs.com/qdlhj/p/11240063.html

与50位技术专家面对面20年技术见证，附赠技术全景图

总结

以上是生活随笔为你收集整理的Vue利用Vue.extend()实现自定义弹出框的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。