一、自定义Hook基础概念1.1 什么是自定义Hook？1.2 第一个自定义Hook：useCounter二、自定义Hook进阶应用2.1 带选项的自定义Hook：useLocalStorage2.2 异步数据获取Hook：useFetch三、组合多个Hook的高级应用3.1 组合Hook示例：useUserData四、自定义Hook最佳实践4.1 命名规范4.2 代码组织4.3 状态管理4.4

provide和inject是Vue3提供的一种跨层级组件通信方式，用于祖先组件向其所有子孙组件注入依赖，而无需通过props在每一层级手动传递。核心特点跨层级通信：可以跳过中间组件，直接在祖先和后代组件间通信简化深层传递：解决了props需要逐层传递的"props drilling"问题灵活注入：后代组件可以选择性注入需要的数据或方法非响应式默认：默认情况下传递的数据是非响应式的，需特殊处理实现

<p>原始值: {{ count }}</p><p>计算后的值: {{ doubledCount }}</p><button @click="increment">增加</button>

/语法:document.write(参数1,参数2,参数3,...) ，它们将按顺序被追加到文档中。//语法: prompt(提示对话框中显示的纯文本,默认的输入文本);语法: prompt(提示对话框中显示的纯文本,默认的输入文本);//1.显示可提示用户进行输入的对话框,简称:输入弹窗。//语法: alert(对话框中显示的纯文本);//prompt('请输入姓名：','张三');