vue 全域性註冊

2021-10-04 20:50:29 字數 1753 閱讀 1765

當你註冊完之後,可以在任何元件中直接使用,而不需要在各個元件中引入並區域性註冊

通常公共元件放在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...