vue model弹出框

Vue Modal是一个用于创建弹出框的Vue插件。要使用Vue Modal，首先需要在项目中安装vue-js-modal插件，可以通过运行命令`npm i -D vue-js-modal`来安装。然后，在项目的主文件（main.js）中引入插件并将其注册到Vue全局实例中，可以使用`Vue.use(VModal, { dialog: true, dynamic: true })`来注册插件。接下来，在需要使用弹出框的组件中，可以通过在模板中使用`<modal>`标签来实例化弹出框组件，并通过设置`name`属性来指定弹出框的名称。例如，可以在模板中使用以下代码来调用插件并打开一个名为"as-modal"的弹出框：

<template>
  <modal name="as-modal">
    这里显示窗口内容
  </modal>
</template>

在组件中，可以使用`this.$modal.show('as-modal')`来打开名为"as-modal"的弹出框。这里的"as-modal"是之前在插件中为`<modal>`指定的名称。通过这种方式，可以方便地使用Vue Modal插件创建和管理弹出框。