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

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

• 自定义的Vue组件存放在/src/components文件夹中

组件嵌套
组件命名	大写字母开头，驼峰命名
引入组件	import
注册组件	components
使用组件	<组件名></组件名>
组件传值

2、引入组件、注册组件、使用组件

<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>

3、组件传值