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>
