vue插件的使用

Posted 2023-05-09

参考技术A vue插件使用方式是Vue.use(xxx)，需要在new Vue实例之前加载，适合为Vue加入一些额外的通用功能。比如vuex，element-ui, axios都可以。

插件需要有install函数，然后就看自己发挥了。

Vue调用use的时候还可以传额外的自定义参数

vue 插件的使用

plugins.js 文件

import test from \'./test.vue\'
const aa = {
install(Vue) {

const con = Vue.extend(test)
const inst = new con()
inst.$mount(document.createElement(\'div\'))
document.body.appendChild(inst.$el)
Vue.prototype.$focusPersonDetail = (data, callback) => {
    inst.data = data
    inst.callback = callback
}

}
}
export default aa

main.js 文件

import aa from \'./views/cms/focusPerson/plugins\';
Vue.use(aa);

函数式调用
this.$focusPersonDetail(data, (res) => {
console.log(res) // 弹窗已关闭
})

组件回调函数调用
this.callback(\'弹窗已关闭\')