第一種：在main.js中直接註冊

//引入
import FixedTop from '@/components/FixedTop
//註冊為全局組件
Vue.componet('FixedTop',FixedTop)

//頁面直接使用
<FixedTop />

缺點：如果我們需要註冊的全局組件非常多，那麼需要一個一個引入，然後分別調用Vue.componet方法，main.js文件會變得很大很臃腫，不好維護，所以當需要註冊的全局組件非常多的時候可以採用插件的形式註冊

第二種：使用插件的形式註冊

在統一註冊的入口文件中

//引入
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)

擴展：當項目組件較多時，區分開業務型組件和非業務型組件，便易於維護