vue 插件的使用

Posted 雨的印记

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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(\'弹窗已关闭\')

以上是关于vue 插件的使用的主要内容,如果未能解决你的问题,请参考以下文章

VS Code中小程序与Vue常用插件合集(前端合集)

VIM 代码片段插件 ultisnips 使用教程

vim代码片段插件ultisnips的使用

vsCode写vue项目一键生成.vue模板

Vue实战-第一天开发工具的使用

VSCode自定义代码片段——.vue文件的模板