Vue Confirm 是一款基于 Vue.js 的對話框插件，它提供了一個簡單易用的方式來顯示可編輯的對話框。該插件支持自定義消息文本、應用特定類、綁定數據、確定和取消按鈕等。以下是一個使用 Vue Confirm 插件的示例。

npm install vue-confirm

首先，我們需要導入 Vue Confirm 模塊并注入到 Vue 實例中：

import VueConfirm from 'vue-confirm'
import Vue from 'vue'
Vue.use(VueConfirm)

現在，我們可以直接在 Vue 組件中使用該插件了。例如，以下是一個使用 Vue Confirm 的示例組件：

<template>
<div>
<button @click="showDialog">Show Dialog</button>
<vue-confirm v-model="show" title="Are you sure?" message="This action cannot be undone" @confirm="onConfirm"></vue-confirm>
</div>
</template>
<script>
export default {
data() {
return {
show: false
}
},
methods: {
showDialog() {
this.show = true
},
onConfirm() {
console.log('Confirmed')
}
}
}
</script>

在這個示例中，我們創建了一個按鈕，當點擊按鈕時，我們顯示了一個對話框。當用戶單擊“確定”按鈕時，我們通過調用 onConfirm() 方法來獲得通知。

總之，Vue Confirm 是一個非常實用的 Vue.js 插件，它提供了一個簡單易用的方式來顯示可編輯的對話框。您可以利用這個插件，快速構建出對話框功能，并且所有的樣式都可以自定義，非常靈活。如果您需要顯示對話框，Vue Confirm 絕對是您的一個不錯選擇。