瀛楁暟锛?781锛岄槄璇绘椂闀匡細14鍒嗛挓锛岄槄璇诲師鏂囨垜浠湪浣跨敤Vue杩涜椤圭洰寮€鍙戠殑鏃跺€欙紝鐪嬪埌寰堝杞瓙閮芥槸閫氳繃Vue.use鏉ヤ娇鐢ㄧ殑锛屾劅瑙夐潪甯稿鎬ぇ鑰屼笖璞崕銆備絾鏄疺ue.use鍒板簳鏄粈涔堜笢瑗匡紵璁╂垜浠潵鐪嬬湅銆傚叾瀹炶繖浜涜疆瀛愰兘鍙互绉颁负鎻掍欢锛屽叾鍔熻兘鑼冨洿骞舵病鏈変弗鏍肩殑闄愬埗锛屼竴鑸寘鎷互涓嬪嚑绉嶏細娣诲姞鍏ㄥ眬鏂规硶鎴栧睘鎬с€傚锛歷ue-custom-element娣诲姞鍏ㄥ眬璧勬簮锛歞irectives/filters/transitions/components绛夈€傛瘮濡倂ue-touch閫氳繃鍏ㄥ眬娣峰悎娣诲姞涓€浜涚粍浠堕€夐」銆備緥濡傦紝vue-router閫氳繃灏嗗畠浠坊鍔犲埌Vue.prototype鏉ユ坊鍔燰ue瀹炰緥鏂规硶銆傚湪鎻愪緵涓婅堪涓€绉嶆垨澶氱鐗规€х殑鍚屾椂鎻愪緵鑷繁鐨凙PI鐨勫簱銆傛瘮濡備笉绠ue-router澶у皬锛屾彃浠惰瀹炵幇鐨勫姛鑳芥棤澶栦箮浠ヤ笂鍑犵銆備笉杩囷紝杩欏苟涓嶅Θ纰嶆垜浠垱寤哄鏉傜殑鎻掍欢锛屼絾鎴戜滑杩樻槸甯屾湜涓虹敤鎴锋彁渚涗竴绉嶇畝鍗曟槗鐢ㄧ殑鏂瑰紡锛屼粬涓嶉渶瑕佸叧娉ㄦ彃浠跺唴閮ㄥ仛浜嗕粈涔堛€係olidVue鎻愪緵浜嗕竴涓猽se鏂规硶锛屼笓闂ㄧ敤鏉ュ湪newVue()涔嬪墠浣跨敤plugins銆傛棤璁烘槸瀹樻柟鎻掍欢锛堝vue-router銆乿uex锛夎繕鏄涓夋柟鎻掍欢锛堝ElementUI銆乤nt锛夛紝閮芥槸閲囩敤杩欑鏂瑰紡锛屽彧鏄彃浠跺唴閮ㄥ姛鑳戒笉鍚岃€屽凡銆傚綋鐒讹紝杩樻湁寰堝鍏朵粬杩欐牱鐨勬彃浠讹紝awesome-vue鏈夊ぇ閲忕敱绀惧尯璐＄尞鐨勬彃浠跺拰搴撱€傛帴涓嬫潵鎴戜滑灏辨潵鐪嬬湅杩欎釜绁炵鐨剈se鏂规硶鏄浣曞疄鐜扮殑銆俈ue.js鎻掍欢搴旇鍏紑涓€涓畨瑁呮柟娉曘€傝鏂规硶绗竴涓弬鏁版槸Vue鐨勬瀯閫犲嚱鏁帮紝绗簩涓弬鏁版槸涓€涓彲閫夌殑options瀵硅薄锛岀敤浜庝紶鍏ユ彃浠剁殑閰嶇疆锛歁yPlugin.install=function(Vue,options){//1.娣诲姞涓€涓叏灞€鏂规硶鎴栧睘鎬ue.myGlobalMethod=function(){//閫昏緫...}//2.娣诲姞鍏ㄥ眬璧勬簮Vue.directive('my-directive',{bind(el,binding,vnode,oldVnode){//logic...}...})//3.娉ㄥ叆缁勪欢閫夐」Vue.mixin({created:function(){//logic...}...})//4.娣诲姞瀹炰緥鏂规硶Vue.prototype.$myMethod=function(methodOptions){//logic...}//5.娉ㄥ唽鍏ㄥ眬缁勪欢Vue.component('myButton',{//...componentoptions})}Vue.use(MyPlugin,{//...options})涓€涓彃浠剁殑鍐呴儴澶ф灏辨槸濡備笂鍥撅紝浣嗗叾瀹炴棤闈炲氨鏄笂闈㈣鐨勯偅浜涗笢瑗匡紝寰堢畝鍗曫煒勷煒勩€備笅闈㈡垜浠潵鐪嬩竴涓婨lementUI鐨勭湡瀹炴渚嬶細constcomponents=[Pagination,Dialog,Autocomplete/*姝ゅ鐢变簬绌烘牸鐪佺暐浜嗗嚑涓粍浠?/];constinstall=function(Vue,opts={}){locale.浣跨敤锛坥pts.locale锛夛紱locale.i18n(opts.i18n);//娉ㄥ唽鍏ㄥ眬缁勪欢components.forEach(component=>{Vue.component(component.name,component);});Vue.use(鏃犻檺婊氬姩);Vue.use(Loading.directive);//娣诲姞瀹炰緥鏂规硶Vue.prototype.$ELEMENT={size:opts.size||'',zIndex:opts.zIndex||2000};//娣诲姞瀹炰緥鏂规硶Vue.prototype.$loading=Loading.service;Vue.prototype.$msgbox=MessageBox;Vue.prototype.$alert=MessageBox.alert;Vue.prototype.$confirm=MessageBox.confirm;Vue.prototype.$prompt=MessageBox.prompt;Vue.prototype.$notify=閫氱煡锛沄ue.prototype.$message=Message;};/*浼婃柉鍧﹀竷灏斿拷鐣f*/if(typeofwindow!=='undefined'&&window.Vue){install(window.Vue);}exportdefault{version:'2.13.0',locale:locale.use,i18n:locale.i18n,install,CollapseTransition,L鍔犺浇锛屽垎椤碉紝瀵硅瘽妗嗭紝鑷姩瀹屾垚锛?/...鍏朵粬缁勪欢};涓嶉毦鍙戠幇锛岃嚜宸卞疄鐜颁竴涓彃浠惰秴绾х畝鍗曪紝鍙瀵瑰鏆撮湶涓€涓猧nstall鏂规硶鍗冲彲銆備娇鐢╒ue.use鏃讹紝浼氳皟鐢ㄨ繖涓柟娉曪紝鎵€浠ユ垜浠彧闇€瑕佸皢瑕佸疄鐜扮殑鍐呭鏀惧湪install閲岄潰鍗冲彲銆傝繖鏍峰仛鐨勫ソ澶勬槸鎻掍欢涓€寮€濮嬮渶瑕佽皟鐢ㄧ殑鏂规硶閮藉皝瑁呭湪浜唅nstall閲岄潰锛屾洿绮剧畝锛屾墿灞曟€ф洿濂姐€傛偍鍙兘杩樻敞鎰忓埌锛屾澶勭殑瀹夎瀹為檯涓婂鍏ヤ簡鎵€鏈夌粍浠躲€備綔涓轰竴涓簽澶х殑鎻掍欢搴擄紝杩欏彲鑳戒細鏈変竴浜涙€ц兘闂銆傜敤杩嘐lementUI鐨勫悓瀛﹂兘鐭ラ亾锛屽畠鏀寔鎸夐渶瀵煎叆銆傚叾瀹炰粠涓婇潰鐨勪緥瀛愪腑涔熻兘鍙戠幇涓€浜涚鍊€俢onstcomponents=[Pagination,Dialog,Autocomplete/*鐢变簬绌烘牸杩欓噷鐪佺暐浜嗗嚑涓粍浠?/];//....淇濆瓨涓棿鍐呭exportdefault{version:'2.13.0',locale:locale.use,i18n:locale.i18n,install,CollapseTransition,Loading,Pagination,Dialog,Autocomplete,//...鍏朵粬缁勪欢};杩欓噷姣忎釜缁勪欢閮芥槸鍗曠嫭瀵煎嚭鐨勶紝鍦ㄦ瘡涓粍浠跺唴閮紝鍚屾牱鏆撮湶install鍒癱omponent姣忎釜缁勪欢锛岃繖鏍锋瘡涓粍浠堕兘鍙互鍗曠嫭琚玍ue.use锛屼粠鑰岃揪鍒版寜闇€寮曞叆鐨勭洰鐨勩€俰mportAlertfrom'./src/main';/*istanbulignorenext*/Alert.install=function(Vue){Vue.component(Alert.name,Alert);};exportdefaultAlert;闄や簡涓婇潰鐨勶紝杩樻湁鍑犵偣鍊煎緱鎴戜滑娉ㄦ剰锛氬鏋滄彃浠舵槸涓€涓璞★紝鍒欐墽琛屽畠鐨刬nstall鏂规硶锛屽鏋滄槸涓€涓嚱鏁帮紝鍒欐墽琛屽畠鑷繁锛屽苟灏唗his缁戝畾涓簄ull锛岀劧鍚庝紶鍏ラ澶栫殑鍙傛暟if(typeofplugin.install==='function'){plugin.install.apply(plugin,args);}elseif(typeofplugin==='function'){plugin.apply(null,args);}濡傛灉鎻掍欢娌℃湁娉ㄥ唽濡傛灉娉ㄥ唽鎴愬姛锛屽畨瑁呯殑灞炴€у皢琚坊鍔犲埌鎻掍欢涓紝鍊间负true銆俈ue.use鏂规硶鍐呴儴妫€娴嬫彃浠剁殑installed灞炴€э紝閬垮厤閲嶅娉ㄥ唽鎻掍欢銆俈ue.use鍏跺疄骞朵笉绁炵銆傝繕鏄垜浠钩鏃跺唴閮ㄧ敤鐨勪笢瑗匡紝鍙槸缁欏畠浠姭涓婁簡涓€浠堕珮妗ｇ殑澶栬。銆傛垜浠湪寮€鍙戜腑涔熷彲浠ュ皾璇曚娇鐢ㄨ繖绉嶆柟寮忥紝涓嶄粎绠€鍗曪紝鑰屼笖椋庢牸寮哄ぇ馃殌馃殌
