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()实现自定义弹出框的主要内容,如果未能解决你的问题,请参考以下文章