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>