Vue.use(ElementUI) 做了什么？

在使用 ElementUI 组件的时候，通常我们会这么写：

import ElementUI from 'element-ui';
Vue.use(ElementUI);

这样写完后，在我们自定义的组件中既可以直接使用：

<template>
    <div>
        <el-button type="primary">我是素燕</el-button>
    </div>
</template>

通过本文我们来分析下它是如何实现的。

Vue 提供了一种插件机制，可以给 Vue 扩充一些属性，其实这个插件比较"可笑"，什么也没做，不信看下源码：

Vue 内部只是帮你判断了下有没有重复注册，并调用了你传给它的函数，其实我自已也可以调用，反而饶了一圈，可能框架设计有自己的考虑吧。

按官方的说法，插件可以是一个函数或者是包含install函数的对象。Element-ui 可以一次性把所有的组件引入，也可以引入其中某一个，它内部其实使用的就是插件机制。我们动手自己实现一下：

目录结构如下：