组件注册的两种方式：
1）局部注册：只能在注册的组件内使用，例子：

<template>
  <div id="app">
    <MenuBar></MenuBar>
    <CommonFooter></CommonFooter>
  </div>
</template>
<script>
import MenuBar from './components/MenuBar.vue'
import CommonFooter from './components/CommonFooter.vue'
export default {
  name: 'App',
  components: {
    MenuBar, 
    CommonFooter
  }
}
</script>

2）全局注册：所有组件内都能使用，在main.js中进行全局注册。

import MenuBar from './components/MenuBar.vue'
Vue.component('MenuBar',MenuBar)