组件 1, 可维护性 2，可复用性 3，可拓展性（插槽）

组件名

dom模板限制：

1. 全部小写
2. 包含连字符 (及：即有多个单词与连字符符号连接)

全局注册：

局部注册：子组件不可用

插槽：

1，获取不到组件内容。

父级模板里的所有内容都是在父级作用域中编译的；子模板里的所有内容都是在子作用域中编译的

2，默认插槽

3，具名插槽 父组件：<slot name="header"></slot>

子组件：<template v-slot:header> <h1>Here might be a page title</h1> </template>

4，作用域插槽 解决1问题。

动态组件

组件切换默认动态，可是keep-alive 使其缓存

异步组件

defineAsyncComponent