Vue 的插件机制
vue 提供了一个 use 方法,来加载插件:
Vue.use = function (plugin: Function | Object) {
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;
}
该方法首先检查插件是否已经加载,如果已经加载,直接返回 this。
如果没有加载过,会取所有的参数,并将 this 放在第一个。
优先执行 plugin.install 方法,若不能执行,则直接执行 plugin 自身。
最后将 plugin push 到插件列表中。