在Vue2中注冊全局組件的兩種方法詳解
更新時間：2022年07月29日 08:45:10 作者：Code_HHX
這篇文章主要介紹了在Vue2中注冊全局組件的兩種方法,非常的細致,需要的朋友可以參考下
第一種：在main.js中直接注冊
//引入
import FixedTop from '@/components/FixedTop
//注冊為全局組件
Vue.componet('FixedTop',FixedTop)
//頁面直接使用
<FixedTop />缺點：如果我們需要注冊的全局組件非常多，那么需要一個一個引入，然后分別調(diào)用Vue.componet方法，main.js文件會變得很大很臃腫，不好維護，所以當(dāng)需要注冊的全局組件非常多的時候可以采用插件的形式注冊
第二種：使用插件的形式注冊在 components 目錄下新建 index.js 文件
在統(tǒng)一注冊的入口文件中
//引入
import FixedTop from '@/components/FixedTop'
import FixedBottom from '@/components/FixedBottom'
export default {
? install(Vue){
? ? //注冊全局組件
? ? Vue.componet('FixedTop',FixedTop)
? ? Vue.componet('FixedBottom ',FixedBottom )
}
在 main.js 文件注冊插件入口
import Components form '@/components'
Vue.use(Components)
擴展：當(dāng)項目組件較多時，區(qū)分開業(yè)務(wù)型組件和非業(yè)務(wù)型組件，便易于維護
到此這篇關(guān)于在Vue2中注冊全局組件的兩種方法詳解的文章就介紹到這了,更多相關(guān)Vue2注冊全局組件內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
vue使用WEB自帶TTS實現(xiàn)語音文字互轉(zhuǎn)的操作方法
這篇文章主要介紹了vue使用WEB自帶TTS實現(xiàn)語音文字互轉(zhuǎn),本文給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-01-01
mpvue 項目初始化及實現(xiàn)授權(quán)登錄的實現(xiàn)方法
這篇文章主要介紹了mpvue 項目初始化及實現(xiàn)授權(quán)登錄的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
Vue用v-for給循環(huán)標(biāo)簽自身屬性添加屬性值的方法
這篇文章主要介紹了Vue用v-for給循環(huán)標(biāo)簽自身屬性添加屬性值的方法，文中大家給大家列舉了三種方法 ,需要的朋友可以參考下2018-10-10
vue cli4中mockjs在dev環(huán)境和build環(huán)境的配置詳情
這篇文章主要介紹了vue cli4中mockjs在dev環(huán)境和build環(huán)境的配置詳情，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
vue中el-table實現(xiàn)穿梭框(數(shù)據(jù)可以上移下移)
本文主要介紹了vue中el-table實現(xiàn)穿梭框(數(shù)據(jù)可以上移下移)，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-06-06
這篇文章主要給大家介紹了關(guān)于vue單文件中引用路徑處理的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學(xué)習(xí)或者使用vue.js具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2018-01-01
Vue通過moment插件實現(xiàn)獲取當(dāng)前月的第一天和最后一天
這篇文章主要介紹了Vue 結(jié)合插件moment 實現(xiàn)獲取當(dāng)前月的第一天和最后一天,本文通過實例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧2023-10-10
.env文件是vue運行項目時的環(huán)境配置文件，這篇文章主要介紹了vue多環(huán)境配置之 .env配置文件,需要的朋友可以參考下2023-03-03
這篇文章主要介紹了Vue EventBus自定義組件事件傳遞，組件化應(yīng)用構(gòu)建是Vue的特點之一，本文主要介紹EventBus進行數(shù)據(jù)消息傳遞 ，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
vuex 實現(xiàn)getter值賦值給vue組件里的data示例
今天小編就為大家分享一篇vuex 實現(xiàn)getter值賦值給vue組件里的data示例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11