4、组件嵌套（组件命名、引入组件、注册组件、组件传值）

<template>
  <div id="app">
    <!-- 3、使用组件，标签可以用"-"，可以重复使用 -->
    <Header></Header>
    <menu-list></menu-list>
    <menuList></menuList>
  </div>
</template>
<script>
// 1、引入组件文件
import Header from "./components/Header.vue";
import menuList from "./components/menuList.vue";
// 暴露接口，可以被其他模块调用;
export default {
  // 2、注册组件
  components: {
    Header,
    menuList,
  },
};
</script>
<style></style>