vue3 popup 弹出层

Vue3中的popup弹出层可以通过两种方式进行挂载。第一种方式是通过在setup()函数中获取上下文对象，然后使用ctx.$v3popup({...})来调用弹出层方法。在Vue2中，我们可以通过在methods中定义showDialog()方法来实现类似的功能。而在Vue3中，可以通过在setup()函数中使用inject('v3popup')来获取v3popup实例，并使用该实例来调用弹出层方法。返回的对象中包含v3popup实例和showDialog方法，可以在组件中直接调用。

Vue3中的v3popup是一个自定义弹层组件，集合了msg、alert、dialog、modal、actionSheet、toast等多种效果。它支持上下左右弹出、圆角、自定义弹层样式、多按钮及长按/右键功能。

要在Vue3项目中使用v3popup，需要在main.js中全局引入v3popup组件，并通过createApp().use(V3Popup)来使用它。

另外，如果在Vue3.x中想要将popup挂载到body上，可以使用import { createApp } from 'vue'和import PopupConstructor from './popup.vue'来实现。然后通过createMount()函数创建挂载实例，并将其挂载到body上。最后，将V3Popup作为插件导出并在Vue3中使用。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>