组件是可复用的组件实例，所以它们与根实例接收相同的选项，例如 
  data、computed、watch、methods 
  以及生命周期钩子等。

两种组件的注册类型：
  全局注册： component 方法全局注册
  局部注册

const app = Vue.createApp({})
app.component('my-component-name', {
  // ... 选项 ...
})


父 - > 子，在子组件中使用 props:[] 接收父组件上定义的属性。
而父组件上可以使用 v-bind 来动态传递 prop。

---

1. 自定义标签，会被替换成 component中的template 中定义好的 html， 变量采用component中的变量。
vm.count 访问不到组件内部

---

2. 可以重用组件任意次。
每个组件都会各自独立维护它的 count。因为你每用一次组件，就会有一个它的新实例被创建。

---

3. 通过 Prop 向子组件传递数据

---

4. 如果是 根实例 中的数组 posts，怎么用以上组件显示呢？

---

5. 监听子组件事件 postFontSize 在模板中用来控制所有博文的字号。
(2)父组件上 添加事件处理方法 @eventName 自定义事件名，等待(1)子函数触发该事件
(3)多亏了 @enlarge-text="postFontSize += 0.1" 监听器，父级组件能够接收事件并(4)更新 postFontSize 值。

---

6. 监听子组件事件时，传递参数 子组件可以使用$emit的第二个参数位置抛出参数，父组件可以使用$event 访问到被抛出的这个值

---

7. 监听子组件事件时，传递参数，父组件使用方法接收 子组件可以使用$emit的第二个参数位置抛出参数，父组件可以使用 方法的参数 访问到被抛出的这个值