欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

在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)文章

最新評論