在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文件會變得很大很臃腫，不好維護，所以當需要注冊的全局組件非常多的時候可以采用插件的形式注冊
第二種：使用插件的形式注冊在 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)
擴展：當項目組件較多時，區(qū)分開業(yè)務型組件和非業(yè)務型組件，便易于維護
到此這篇關于在Vue2中注冊全局組件的兩種方法詳解的文章就介紹到這了,更多相關Vue2注冊全局組件內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
vue使用WEB自帶TTS實現(xiàn)語音文字互轉的操作方法
這篇文章主要介紹了vue使用WEB自帶TTS實現(xiàn)語音文字互轉,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-01-01
mpvue 項目初始化及實現(xiàn)授權登錄的實現(xiàn)方法
這篇文章主要介紹了mpvue 項目初始化及實現(xiàn)授權登錄的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-07-07
Vue用v-for給循環(huán)標簽自身屬性添加屬性值的方法
這篇文章主要介紹了Vue用v-for給循環(huán)標簽自身屬性添加屬性值的方法，文中大家給大家列舉了三種方法 ,需要的朋友可以參考下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ù)可以上移下移)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-06-06
這篇文章主要給大家介紹了關于vue單文件中引用路徑處理的相關資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用vue.js具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧。2018-01-01
Vue通過moment插件實現(xiàn)獲取當前月的第一天和最后一天
這篇文章主要介紹了Vue 結合插件moment 實現(xiàn)獲取當前月的第一天和最后一天,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2023-10-10
.env文件是vue運行項目時的環(huán)境配置文件，這篇文章主要介紹了vue多環(huán)境配置之 .env配置文件,需要的朋友可以參考下2023-03-03
這篇文章主要介紹了Vue EventBus自定義組件事件傳遞，組件化應用構建是Vue的特點之一，本文主要介紹EventBus進行數(shù)據(jù)消息傳遞 ，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
vuex 實現(xiàn)getter值賦值給vue組件里的data示例
今天小編就為大家分享一篇vuex 實現(xiàn)getter值賦值給vue組件里的data示例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11