Vue.js是一個流行的JavaScript框架，$modal是一個強大的Vue組件，它可以輕松地添加自定義模態框到您的應用程序中。$modal提供了很多可自定義的選項和功能，可以讓你創建一個漂亮且易于使用的模態框。

要使用$modal，你需要引入Vue和$modal組件。你可以使用Vue Cli創建一個新的Vue應用程序，并將$modal添加為依賴項：

// 安裝$modal依賴模塊
npm install vue-js-modal --save

接下來，您需要在要使用模態框的Vue組件中導入和注冊$modal組件：

import Vue from 'vue'
import VModal from 'vue-js-modal'
Vue.use(VModal)

現在，您可以在Vue組件中使用$modal了。$modal可以通過v-modal指令來觸發模態框的顯示：

通過以上代碼，點擊按鈕將會顯示一個模態框。$modal組件具有豐富的選項和功能，例如自定義模態框的大小和樣式，添加遮罩層，以及很多動畫效果，更多細節可以查看官方文檔。