vuejs-dialog 用法

Vuejs-dialog 是一个用于在Vue.js 中创建对话框的组件。

它提供了一种易于使用的方式来显示消息、确认或提示对话框，并允许用户与对话框进行交互。

下面是Vuejs-dialog 的基本用法：
1. 安装Vuejs-dialog：
你可以使用npm 或yarn 来安装Vuejs-dialog：
```bash
npm install vuejs-dialog
```
或者
```bash
yarn add vuejs-dialog
```
2. 导入Vuejs-dialog：
在你的Vue.js 项目中，你需要导入Vuejs-dialog 组件：
```javascript
import VueDialog from 'vuejs-dialog';
```
3. 在你的Vue 组件中使用Vuejs-dialog：
首先，你需要将Vuejs-dialog 组件注册到你的Vue 实例中：
```javascript
export default {
components: {
VueDialog,
},
// ...
}
```
然后，你可以在你的模板中使用`vue-dialog` 标签来创建对话框：
```html
<template>
<div>
<button @click="showDialog">显示对话框</button>
<vue-dialog v-model="showDialog" title="提示" message="你确定要继续吗？">
<button type="button" @click="cancelDialog">取消</button>
<button type="button" @click="confirmDialog">确定</button>
</vue-dialog>
</div>
</template>
```
在这个例子中，我们创建了一个按钮，当用户点击按钮时，会触发`showDialog` 方法来显示对话框。

对话框的内容由`vue-dialog` 标签的`title` 和`message` 属性定义，而对话框的操作按钮由内部的`button` 标签提供。

当用户点击取消按钮时，触发`cancelDialog` 方法来关闭对话框，点击确定按钮则触发`confirmDialog` 方法。

你可以根据你的需求来自定义这些方法。