首頁猿問 Vue.use和Vue.compo...

Vue.use和Vue.component，注冊全局組件時的差異求解答！

JavaScript

慕田峪9158850 2019-08-24 22:01:34

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

查看完整描述

2 回答

忽然笑

TA貢獻1806條經(jīng)驗獲得超5個贊

Vue.use(plugin),plugin格式為{install:function(){}}，則運行install方法，若plugin本身是function則直接運行。Vue.component才是真正的去注冊組件。很多UI庫用Vue.use來注冊組件是因為在plugin的install方法中去執(zhí)行Vue.component罷了

反對回復 2019-08-24

呼喚遠方

TA貢獻1856條經(jīng)驗獲得超11個贊

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