首頁(yè) 猿問(wèn) ...

Vue.use和Vue.component，注冊(cè)全局組件時(shí)的差異求解答！

JavaScript

炎炎設(shè)計(jì) 2019-09-19 22:17:07

學(xué)習(xí)大神的代碼，注冊(cè)自己的組件到全局。組件文件下的index文件：importAddfrom"./Add.vue"exportdefault(Vue)=>{Vue.component(Add.name,Add)}src下的index文件中：importAddfrom"./components/Add";Vue.use(Add)這樣處理可以注冊(cè)到全局。想問(wèn)下，注冊(cè)組件為何用到use方法？用Vue.component不就可以了嗎？

查看完整描述

2 回答

繁星淼淼

TA貢獻(xiàn)1775條經(jīng)驗(yàn) 獲得超11個(gè)贊

Vue.use(plugin),plugin格式為{install:function(){}}，則運(yùn)行install方法，若plugin本身是function則直接運(yùn)行。Vue.component才是真正的去注冊(cè)組件。很多UI庫(kù)用Vue.use來(lái)注冊(cè)組件是因?yàn)樵趐lugin的install方法中去執(zhí)行Vue.component罷了

反對(duì) 回復(fù) 2019-09-19

慕虎7371278

TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超4個(gè)贊

Vue.use(plugin)的初始化方法{install:function(){}}里面可以一次性注冊(cè)多個(gè)組件。Vue.component只能一個(gè)一個(gè)注冊(cè)。install可以做更多的事情MyPlugin.install=function(Vue,options){//1.添加全局方法或?qū)傩?pre>Vue.myGlobalMethod=function(){//邏輯...}//2.添加全局資源Vue.directive('my-directive',{bind(el,binding,vnode,oldVnode){//邏輯...}...})//3.注入組件選項(xiàng)Vue.mixin({created:function(){//邏輯...}...})//4.添加實(shí)例方法Vue.prototype.$myMethod=function(methodOptions){//邏輯...}}