當你註冊完之後,可以在任何元件中直接使用,而不需要在各個元件中引入並區域性註冊
通常公共元件放在src
資料夾下的components
資料夾中,這裡的元件進行全域性註冊。
1、在src
資料夾中新建utils
資料夾,utils
資料夾中一般存放通用的輔助檔案(方法、資料等)
2、在資料夾中新建components.js
檔案
3、在components.js
檔案引入所有要註冊的全域性元件
4、在main.js
中引入components.js
檔案並使用vue.use()
全域性註冊
utils - components.js
import componenta from '@/components/componenta' // componenta
import componentb from '@/components/componentb' // componentb
export default (vue)=>
main.js
import components from '@/utils/components.js'
vue.use(components)
new vue()
全域性指令的註冊方法同全域性元件
utils - directives.js
export default (vue)=>
})}
main.js
import directives from '@/utils/directives.js'
vue.use(directives)
new vue()
全域性過濾器的註冊方法同全域性元件
utils - filters.js
export default ,
//...
};
main.js
import filters from '@/utils/filters';
object.keys(filters).foreach(key => );
}
utils - allfunc.js
exports.install = function(vue, options) ;
vue.prototype.$pushh = function() ;
vue.prototype.$pushhn = function() ;
};
main.js
import all from '../static/js/all';
vue.use(all);//將全域性函式當做外掛程式來進行註冊
go: function()
Vue全域性元件註冊
最近編寫專案中,會應用到很多基礎元件,起初採用了區域性註冊進行使用,但區域性註冊對於開發人員並不友好,每個階段都要經歷import檔案匯入,component檔案註冊兩個階段,開發效率不高,於是採用了全域性註冊方式,引用基礎元件,但全域性元件會在初次渲染的時候一次性匯入,造成系統比較卡頓。於是,想到...
vue防抖註冊全域性 Vue自動化註冊全域性元件指令碼
今天有乙個idea,vue一些元件,可能會全域性都用到,我覺得在main.js寫 vue.component name,instance 然後很命令式,寫著也不好看,想著能夠有乙個函式可以指定載入比如components下的檔案,自動完成全域性化註冊,想起來就很帥 放 export function...
vue獲取全域性元件 Vue 全域性元件自動註冊
在 vue 中,我們通過 vue.component mycomponentname 的方式來進行全域性元件註冊,但如果需要全域性註冊的元件很多,這時 就會變得比較臃腫,例如 12 註冊 5 個全域性元件 import examplecomponent1 from components exampl...