安裝設定

安裝

Vue 3 使用 1.x.x3.x.x

yarn add vue-final-modal@next
npm install vue-final-modal@next

Vue 2 使用 0.x.x2.x.x

yarn add vue-final-modal@latest
npm install vue-final-modal@latest

註冊

Vue

main.js
import VueFinalModal from 'vue-final-modal'

Vue.use(VueFinalModal())

Nuxt

  • 新增一個 plugin vue-final-modal.js
plugins/vue-final-modal.js
import VueFinalModal from 'vue-final-modal/lib'

Vue.use(VueFinalModal())
  • nuxt.config.js 的 plugin 與 build 中加入
nuxt.config.js
export default {
  plugins: ['~plugins/vue-final-modal.js'],
  build: {
    transpile: ['vue-final-modal']
  }
}

CDN

  • jsDelivr
<script src="https://cdn.jsdelivr.net/npm/vue-final-modal"></script>
  • Unpkg
<script src="https://unpkg.com/vue-final-modal"></script>
在 GitHub 上编辑此页面 Updated at Fri, May 7, 2021