注册

创建插件实例并注册

只需要引入并调用 createPresetPlugin() 方法，并将返回的插件实例传递给 PopupPlus.use() 方法即可完成预置插件的注册。

main.ts

import { createApp } from 'vue'
import { createPopupPlus } from 'vue-popup-plus'
// 引入预置插件
import { createPresetPlugin } from 'vue-popup-plus-plugin-preset'
import App from './App.vue'

const app = createApp(App)
const PopupPlus = createPopupPlus()

// 创建预置插件实例
const PresetPlugin = createPresetPlugin() 

// 注册预置插件实例
PopupPlus.use(PresetPlugin) 

app.use(PopupPlus)

app.mount('#app')

在 之前，预置插件是以一个 plugin 实例对象的形式提供的，具体的注册方式如下。

main.ts

import { createApp } from 'vue'
import { createPopupPlus } from 'vue-popup-plus'
// 1.6.0- 引入预置插件
import { plugin } from 'vue-popup-plus-plugin-preset'
import App from './App.vue'

const app = createApp(App)
const PopupPlus = createPopupPlus()

// 1.6.0- 注册预置插件
PopupPlus.use(plugin) 

app.use(PopupPlus)

app.mount('#app')