vue.use源代码分析

我想有Vue公司的发展经验，而不是一个陌生人vue.use.when全球组件如Vue公司的资源或VUE路由器使用，它必须通过vue.use方法发挥作用。那么什么vue.use之前做了成分让我们看一看吧。

第一vue.use源代码
javaｓｃｒｉｐｔ的方法可以传输，呵呵
vue.use =功能（插件）{
伊斯坦布尔是否忽略
如果（插件安装）{
返回
}
附加参数
var args = toArray（参数1）；
Args.unshift（本）；
如果（typeof plugin.install = 'function）{
plugin.install.apply（插件，args）；
如果（其他类型的插件} = 'function）{
plugin.apply（null，args）；
}
plugin.installed =真；
返回此
}；
我们引入了一个插件，插件通过vue.use（插件可以暂时理解为一个变量或参数），即vue.use（插件）；

首先，确定传入参数插件安装的属性是否存在。如果有一个真正的值和逻辑值是真的，那么代码将直接执行，这一判断的作用是什么后面会谈论它。

首先假设插件安装的属性不存在或为false，然后继续执行。
var args = toArray（参数1）；
执行 / / toArray方法，toArray收到两组参数，介绍了vue.use方法参数的参数，如vue.use（A，B，C），然后论证类似于{ A，B，C }（注：论点不是真正的数组，数组）。因为只有一个参数的插件就介绍到这里，争论是类似插件} {。
的toArray的作用是什么看看源代码。

函数toArray（列表，开始）{
开始的开始| | = 0；
var i = list.length启动；
新数组（i）；
当（i）{
{清单}；
}
返回页首
}
toArray（参数1）执行时，它会创建一个新数组的RET，长度= arguments.length-1，然后在循环参数元素以相反的顺序分配到RET，因为海运是1小于参数的长度，所以它相当于除了对分配的第一要素其他元素的退役的toArray的主要作用是将一个类的数组成一个真正的数组参数，使阵列可以被调用，因为在这里我只介绍一个插件的参数，即参数= {插件}，所以toArray返回空数组{ }。

再往下走，args.unshift（这），相当于{ }。Unshift（VUE），即args = { Vue }；然后执行。
如果（typeof plugin.install = 'function）{
plugin.install.apply（插件，args）；
如果（其他类型的插件} = 'function）{
plugin.apply（null，args）；
}
在这里，我们确定插件的安装是否是一个函数。如果它是一个函数，pluign.install方法立即执行。参数的方法是通过安装在参数，数组元素是，第一个参数是VUE安装接受..

如果插件的安装是不是一个函数，然后判断插件本身是一个函数，如果它是一个函数，然后执行插件的功能，且参数args数组元素。

最后，该plugin.installed设置为true，设置plugin.installed真正的作用是避免安装的插件很多次。例如，当Vue.use（插件）被执行一次，装的是真的。如果再次执行，它将返回第一步。

总之，安装方法vue.use函数实际上是执行一个插件的功能或执行pluign插件的注册，和插件或安装方法到VUE对象作为第一个参数，其他参数使用的其他参数或安装插件。

举个简单的例子
进口Vue from'vue

函数测试（a）{
console.log（一）； / / VUE
}

功能测试（A，B）{
console.log（A，B）； / / Vue你好
}

让抗议= { {
安装：函数（A，B）{
console.log（A，B）； / / Vue hello1
}
}

vue.use（测试）；
vue.use（test1，你好）；
vue.use（抗议，'hello1）；
console.log（抗议）；

安装：函数（）{…}，
安装：真
}
以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。