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

Posted qdlhj

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue利用Vue.extend()实现自定义弹出框相关的知识,希望对你有一定的参考价值。

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

简单介绍:

Vue.extend(options)

参数:对象

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

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

 

以上是关于Vue利用Vue.extend()实现自定义弹出框的主要内容,如果未能解决你的问题,请参考以下文章

Vue基础:使用Vue.extend()实现自定义确认框

Vue基础:使用Vue.extend()实现自定义确认框

修改ios自有的上传弹出框样式vue

使用vue的extend自定义组件开发

完美解决vue项目中弹出框滑动时,内部页面也跟着滑动问题

前端vue弹出框新增和编辑用一个会有问题吗