import Vue from 'vue'
import App from './App.vue'
import router from './router'


import vueEsign from 'vue-esign'
Vue.use(vueEsign)

Vue.config.productionTip = false

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

  function initUse (Vue) {

  // 1. Vue.use是一個(gè)函數(shù)
  Vue.use = function (plugin) {

    // 2. 定義一個(gè)數(shù)組 如果this._installedPlugin不存在，會(huì)執(zhí)行`this._installedPlugins = []
    var installedPlugins = (this._installedPlugins || (this._installedPlugins = []));

    // 3. 判斷是否已經(jīng)注冊(cè)了,已經(jīng)注冊(cè)了直接return
    if (installedPlugins.indexOf(plugin) > -1) {
      return this
    }
    
    
    // 4.獲取其他參數(shù)  例如： Vue.use(plugin,a,b,c) 中的 a b c
    var args = toArray(arguments, 1);

    // 5.參數(shù)第一項(xiàng)，加一個(gè)Vue實(shí)例進(jìn)去
    args.unshift(this);

    // 6. plugin 有 install 這個(gè)方法
    if (typeof plugin.install === 'function') {
      // 7. 執(zhí)行一下install,再把參數(shù)傳遞進(jìn)去  （可以看插件的install方法，接受第一個(gè)參數(shù)，就是Vue實(shí)例）
      plugin.install.apply(plugin, args);
    } else if (typeof plugin === 'function') {
      // 8. 如果plugin 本身就是函數(shù) 直接執(zhí)行
      plugin.apply(null, args);
    }

    // 9. 來(lái)一個(gè)數(shù)組存儲(chǔ)已經(jīng)注冊(cè)的插件
    installedPlugins.push(plugin);
    
    return this
  };
}

node_modules\vue-esign\src\idnex.js

// 1. 引入一個(gè)vue組件，實(shí)際上就是一個(gè)對(duì)象
import vueEsign from './index.vue'

// 2.對(duì)象install屬性是一個(gè)方法，它接受一個(gè)參數(shù) Vue
vueEsign.install = function (Vue) {

  // 3. 判斷是否已經(jīng)安裝了這個(gè)插件（這里this指向?yàn)関ueEsign，在Vue.use中用apply改寫(xiě)的）
  if (this.installed) {
    return
  }
  this.installed = true

  // 4. 在Vue上注冊(cè)一下組件
  Vue.component('vueEsign', vueEsign)
}
export default vueEsign

node_modules\element-ui\src\index.js

// 1. 它也是一個(gè)函數(shù)
const install = function(Vue, opts = {}) {
  // 2.讀取了部分其他本地化配置
  locale.use(opts.locale);
  locale.i18n(opts.i18n);

  // 3.components就是element-ui的組件組成的數(shù)組,遍歷一下，在Vue上注冊(cè)了這些組件。  
  // （！！可以發(fā)現(xiàn)這里和另一個(gè)插件有相同點(diǎn)，都是在install的第一個(gè)參數(shù)Vue上注冊(cè)組件,）
  components.forEach(component => {
    Vue.component(component.name, component);
  });
  
  // 4. 這里的 Vue.use 原理是一樣的（可以對(duì)照截圖，它這里后續(xù)是在Vue上注冊(cè)了指令）
  Vue.use(InfiniteScroll);
  Vue.use(Loading.directive);

  // 5.下面都是在Vue原型上掛載屬性或方法
  Vue.prototype.$ELEMENT = {
    size: opts.size || '',
    zIndex: opts.zIndex || 2000
  };

  Vue.prototype.$loading = Loading.service;
  Vue.prototype.$msgbox = MessageBox;
  Vue.prototype.$alert = MessageBox.alert;
  Vue.prototype.$confirm = MessageBox.confirm;
  Vue.prototype.$prompt = MessageBox.prompt;
  Vue.prototype.$notify = Notification;
  Vue.prototype.$message = Message;

};

import axios from 'axios'
Vue.prototype.$axios=axios