2.Vue.use到底是幹什麼的?

待我称王封你为后i 2024-04-17 14:42 23阅读 0赞

方法中的this為Vue

Vue.use(rooter);即將rooter插件添加到Vue的插件組中\_installedPlugins

rooter滿足的條件是 rooter本身是一個函數,或者rooter的屬性install是個函數

toArray(arguments, 1);的意思是將arguments里的最後一項(rooter)去掉

Vue.use的源碼如下

Vue.use = function (plugin) {
          var installedPlugins = (this._installedPlugins || (this._installedPlugins = []));
          if (installedPlugins.indexOf(plugin) > -1) {
            return this
          }
    
          // additional parameters
          var args = toArray(arguments, 1);//去掉arguments里的plugin
          args.unshift(this);//將vue添加到args 
          //給plugin添加Vue的相關屬性方法
          if (typeof plugin.install === 'function') {
            plugin.install.apply(plugin, args);
          } else if (typeof plugin === 'function') {
            plugin.apply(null, args);
          }
          installedPlugins.push(plugin);
          return this
        };

//簡單的測試用例

<script>
    	   var class1=function(){
    		   return{
    			   test1:function(){alert(1);},
    			   data1:'class1'
    		   }
    		}();
    		var class2=function(){
    		var class1;
    		   return{
    			   test2:function(){alert(2);},
    			   data2:'class2',
    			   getdata1:function(){return class1.data1;},
    			   install :function(_class1){class1=_class1;}
    			}
    		}();
    		function toArray (list, start) {
    			start = start || 0;
    			var i = list.length - start;
    			var ret = new Array(i);
    			while (i--) {
    			  ret[i] = list[i + start];
    			}
    			return ret
    		}
      
    		class1.use = function (plugin) {
    		  var installedPlugins = (this._installedPlugins || (this._installedPlugins = []));
    		  if (installedPlugins.indexOf(plugin) > -1) {
    			return this
    		  }
    
    		  // additional parameters
    		  var args = toArray(arguments, 1);//去掉arguments里的plugin
    		  args.unshift(this);//將vue添加到args 
    		  //給plugin添加Vue的相關屬性方法
    		  if (typeof plugin.install === 'function') {
    			plugin.install.apply(plugin, args);
    		  } else if (typeof plugin === 'function') {
    			plugin.apply(null, args);
    		  }
    		  installedPlugins.push(plugin);
    		  return this
    		};
    	
    		class1.use(class2);
    	   
    		if(typeof(class1._installedPlugins)!="undefined" )
    		{
    		alert("class1插件數"+class1._installedPlugins.length);
    		}
    		alert("class1的data1"+class1.data1);
    		alert("class2獲取data1"+class2.getdata1());
    		alert("class1獲取data2"+class1._installedPlugins[0].data2);
    	   </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，23人围观）

还没有评论，来说两句吧...

相关阅读

相关 2.Vue.use到底是幹什麼的?

法中的this為Vue Vue.use(rooter);即將rooter插件添加到Vue的插件組中\_installedPlugins rooter滿足的條件是 ro...

待我称王封你为后i/ 2024年04月17日 14:42/ 0 赞/ 24 阅读

相关一次性搞清楚element-ui里用到this._l()是什麼意思

參考 https://segmentfault.com/q/1010000017896162/a-1020000017896676 查看Vue.js的源碼,可以看到如下兩段代

￡神魔★判官ぃ/ 2023年01月07日 07:20/ 0 赞/ 92 阅读

相关 ['1','2','3'].map(parseInt)结果到底是什么？

当初我第一眼看到这个题目时，自然而然的想到了不就是这样的吗 [parseInt('1'), parseInt('2'), parseInt('3')] // ==

小咪咪/ 2022年10月01日 11:54/ 0 赞/ 37 阅读

相关為什麼比 GIT 更好－－理解 Mercurial 版本管理系統

以前曾经接触过几个用Mercurial做版本管理的开源项目（Android Beem XMMP即时通讯App等），现在Facebook内部也在用这个版本管理系统原文 h

野性酷女/ 2022年09月22日 03:55/ 0 赞/ 141 阅读

相关纳什均衡

约翰·[纳什][Link 1]1948年作为年轻[数学][Link 2]博士生进入[普林斯顿大学][Link 3]。其研究成果见于题为《非[合作博弈][Li

悠悠/ 2022年08月19日 08:21/ 0 赞/ 188 阅读

相关这一个月的日历到底是什仫样子的呢？

模拟实现日期万年历，包括日期加减天数，日期减日期，可输出一定年份月份的日历包括自己实现构造函数，拷贝构造函数，运算符重载等默认的成员函数输出日历实例类似下图：

小灰灰/ 2022年07月19日 00:22/ 0 赞/ 31 阅读

相关 CLASSPATH 是什麼

http://openhome.cc/Gossip/JavaEssence/WhatClasspath.html 假設你在C:\\workspace下寫了個HelloWor

亦凉/ 2022年07月13日 09:50/ 0 赞/ 119 阅读

相关 [bigdata]小象幫幫忙，Hadoop 能幫什麼忙？

https://dotblogs.com.tw/rickyteng/2012/12/11/85556 \[bigdata\]小象幫幫忙，Hadoop 能幫什麼忙？

深藏阁楼爱情的钟/ 2022年07月13日 06:11/ 0 赞/ 110 阅读

相关 XML到底是干什么的

定义 XML本身是一种格式规范，是一种包含了数据以及数据说明的文本格式规范。抛砖比如，我们要给对方传输一段数据，数据内容是“too young,too sim

Dear 丶/ 2022年04月24日 03:32/ 0 赞/ 256 阅读

相关 Vue.config.productionTip = false 是什麽意思

阻止启动生产消息，常用作指令。阻止启动生产消息這又是什麽意思? 看下效果 Vue.config.productionTip = false ![watermark_

矫情吗；*/ 2022年03月25日 13:07/ 0 赞/ 158 阅读