vue源码解析：vue全局方法之Vue.use实现原理

 讲到vue的use方法这是我们再熟悉不过的了，当我们安装一些插件的时候，我们总要在vue的mine.js文件中使用Vue.use()方法。这就是use的常规操作。那么Vue.use()方法的实现原理是什么呢？

Vue.use( plugin )

参数： 

• {Object | Function} plugin

作用：

该方法是用来安装vue插件，该方法内部会调用插件提供的install方法，并将vue实例传install方法。但是我们知道，同一个插件只会在项目中安装一次，所以，其内部还有的作用就是防止同一插件被安装多次。

原理：src/core/global-api/use.js

Vue.use = function (plugin) {
    const installedPlugins = (this._installedPlugins || (this._installedPlugins = []))
    if (installedPlugins.indexOf(plugin) > -1) {
        return this
    }

    // additional parameters
    const args = toArray(arguments, 1)
    args.unshift(this)
    if (typeof plugin.install === 'function') {
        plugin.install.apply(plugin, args)
    } else if (typeof plugin === 'function') {
        plugin.apply(null, args)
    }
    installedPlugins.push(plugin)
    return this
}

该函数的第一步实现就是，先声明一个installedPlugins数组。用来存放安装过的插件。当新的插件安装后，首先会检查有没有安装过，也就是在installPlugins数组中能不能找到，如果能找到则表名已经安装过了，就直接返回vue实例。防止重复安装。

结下来就是将其他参数都通过toArray方法转化成数组，然后将vue实例放到数组的第一个位置，这是因为后续调用install方法都必须传入vue作为参数。

判断如果plugin对象的install是一个方法。那么就将参数传入并执行install方法，完成插件的安装。

判断如果plugin是一个方法，那么就把他当作是install方法来执行。

最后，将plugin压入到installedPlugin数组中，表示插件已经安装。

最后返回vue实例。

这就是vue.use的实现原理。是不是很简单。。。。