码迷,mamicode.com
首页 > 其他好文 > 详细

vue install 组件

时间:2019-12-08 23:48:43      阅读:776      评论:0      收藏:0      [点我收藏+]

标签:obj   构造器   assign   ext   sig   定义   模板   prototype   pen   

import share from ‘./index.vue‘

export default {
  install: (Vue) => {
    Vue.prototype.$share = (options) => {
      // 1.创建构造器,定义好提示信息的模板
      const instance = Vue.extend(share);
      // 2.创建实例,挂载到文档以后的地方
      let currentShare = new instance();
      // 3.添加到DOM
      document.body.appendChild(currentShare.$mount().$el);
      // 4.设置属性
      setTimeout(() => (currentShare.show = true), 0);
      // 5.自定义覆盖属性
      Object.assign(currentShare, options);
    }
  }
}

  

vue install 组件

标签:obj   构造器   assign   ext   sig   定义   模板   prototype   pen   

原文地址:https://www.cnblogs.com/alantao/p/12008290.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!