作用

vue.use()往全局注入一个插件，供全局真接使用, 不需要单独引用

插件机制

插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制——一般有下面几种：

1. 添加全局方法或者 property。如：vue-custom-element

2. 添加全局资源：指令/过滤器/过渡等。如 vue-touch

3. 通过全局混入来添加一些组件选项。如 vue-router

4. 添加 Vue 实例方法，通过把它们添加到 Vue.prototype 上实现。

5. 一个库，提供自己的 API，同时提供上面提到的一个或多个功能。如 vue-router

使用插件

• 通过全局方法 Vue.use() 使用插件。它需要在你调用 new Vue() 启动应用之前完成。

• Vue.use 会自动阻止多次注册相同插件，届时即使多次调用也只会注册一次该插件。

Vue.use() 方法至少传入一个参数，该参数类型必须是 Object 或 Function，如果是 Object 那么这个 Object 需要定义一个 install 方法，如果是 Function 那么这个函数就被当做 install 方法。在 Vue.use() 执行时 install 会默认执行，当 install 执行时第一个参数就是 Vue，其他参数是 Vue.use() 执行时传入的其他参数。就是说使用它之后调用的是该组件的install 方法。

源码分析

/* @flow */

import { toArray } from "../util/index";

// 定义了Vue.use 方法，用于安装插件
export function initUse(Vue: GlobalAPI) {
	Vue.use = function (plugin: Function | Object) {
		const installedPlugins =
			this._installedPlugins || (this._installedPlugins = []);

		// 避免重复安装同一个插件
		if (installedPlugins.indexOf(plugin) > -1) {
			return this;
		}

		const args = toArray(arguments, 1);
		args.unshift(this);
		// 可以看出，如果Vue.use传入的是一个对象，那么会执行他的install方法
		if (typeof plugin.install === "function") {
			plugin.install.apply(plugin, args);
		} else if (typeof plugin === "function") {
			// 如果传入的就是一个函数，那么直接执行这个函数
			plugin.apply(null, args);
		}
		// 缓存已经安装过的插件，避免重复安装
		installedPlugins.push(plugin);
		return this;
	};
}

参考文章链接

vue.use()方法从源码到使用 (opens new window)