前几篇和大家分享了Vue2基础篇，现在和大家分享一下Vue2的进阶篇
普通组件的注册:
局部组件：只能在注册的组件内使用
1.创建vue文件 三部分组成
2在使用的组件内部导入并且注册
全局组件：所有组件内部都可以用
组件的三大组成部分 结构（只能有一个根元素） template 样式 （style） 逻辑（script）
template: 组件的模板部分，展示内容。script: 组件的逻辑部分，包含组件名称、props和其他方法等。style scoped: 组件的样式部分，scoped属性确保样式只作用于当前组件。
组件的样式冲突 scoped （防止变量污染）
data:
使用return是为了防止一个组件标签被使用多次，造成影响
组件通信：
组件关系分类:
1.父子关系
props 和 $emit
2.非父子关系
1.provide$inject
provide是一个 Vue 组件选项，它允许我们定义想要提供的属性或方法。这些属性或方法将对所有子孙组件可用，无论它们在组件树中的深度如何。
// 祖代组件
import { provide, reactive } from 'vue';export default {setup() {const theme = reactive({ color: 'blue' });provide('theme', theme); // 提供名为 'theme' 的属性给所有子孙组件return {// ...其他返回的内容};}
};
inject是与provide配对使用的选项，它使子孙组件能够“注入”来自祖先组件提供的属性或方法。
// 子孙组件
import { inject } from 'vue';export default {setup() {const theme = inject('theme'); // 注入名为 'theme' 的属性return {theme// ...其他返回的内容};}
};props校正
非空校正
单向数据流:
2.eventbus
Event Bus（事件总线）
- 可以创建一个空的 Vue 实例作为中央事件中心，用于任何组件间的通信。
- 注意: 在 Vue 3 中推荐使用提供/注入 (provide/inject) 或者 Vuex 来代替 Event Bus。
provide和inject的确是只能用于组件树中的祖先组件向子孙组件传递数据的。provide定义在祖先组件上，所有的子孙组件都可以通过inject获取这个值，但无法直接传递到兄弟组件。
v-model原理 :
v-model本质上是一个语法糖，例如应用在输入框上，就是value和琴谱的合写
input的双向绑定 1
input的双向绑定 2
