首页 > 其他 > 详细

vue插件开发(本地使用)

时间:2020-09-16 18:04:13      阅读:50      评论:0      收藏:0      [点我收藏+]

main.js引入

import ProcessMessagefrom ‘./components/ProcessMessage/index‘
Vue.use(ProcessMessage);

main.js引入的插件js

import processMessage from ‘./ProcessMessage.vue‘

var plugin = {}
// 准备好 install 方法 给 Vue.use() 使用
plugin.install = (Vue, option) => {
    // 将包装好的 toast 挂到Vue的原型上,作为 Vue 实例上的方法
  Vue.prototype.$processMessage = (e) => {
    var ProcessMessageClass = Vue.extend(processMessage);// 使用 Vue.extend() 创建 processMessage 的构造器
    var ProcessMessageCom = new ProcessMessageClass();// 2、创建实例,在文档之外渲染成
    ProcessMessageCom.fileInfo = e;//插件中的变量
    // 调用 Vue 实例上的 $mount() 手动挂载
    var Dom = ProcessMessageCom .$mount().$el;
    // 手动把真实 dom 挂到 html 的 body 上
    document.body.appendChild(Dom)
  }
}

export default plugin

  

vue插件开发(本地使用)

原文:https://www.cnblogs.com/sixrookie/p/13680301.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!