函数和 JavaScript 一样，TypeScript 函数可以创建有名字的函数或匿名函数，TypeScript 为 JavaScript 函数添加了额外的功能，让我们可以更容易的使用它。在基本类型和接口部分中多多少少提到过函数，接下来总结四种定义函数的方式。function add (x: nu

区别概览useCallBackuseMemo返回值一个缓存的回调函数一个缓存的值参数需要缓存的函数，依赖项需要缓存的值(也可以是个计算然后再返回值的函数) ，依赖项使用场景父组件更新时，通过props传递给子组件的函数也会重新创建，然后这个时候使用 useCallBack 就可以缓存函数不使它重新创

组件之间的通信经过前面几章的阅读，相信开发者已经可以搭建一个基础的 Vue 3 项目了！但实际业务开发过程中，还会遇到一些组件之间的通信问题，父子组件通信、兄弟组件通信、爷孙组件通信，还有一些全局通信的场景。:::tip这一章节的内容，Vue 3 对比 Vue 2 的变化都比较大！:::这一章就按使

高效开发可能很多开发者（包括笔者）刚上手 Vue 3 的那段时间，都会觉得开发过程似乎变得更繁琐了， Vue 官方团队当然不会无视群众的呼声，如果基于脚手架和 .vue 文件开发，那么可以享受到更高效率的开发体验。在阅读这一章之前，需要对 Vue 3 的单组件开发有一定的了解，如果还处于完全没有接触

outline: ‘deep’单组件的编写项目搭好了，第一个需要了解的是 Vue 组件的变化，由于这部分篇幅会非常大，所以会分成很多个小节，一部分一部分按照开发顺序来逐步了解。因为 Vue 3 对 TypeScript 的支持真的是太完善了，并且 TypeScript 的发展趋势和市场需求度越来越高

插件的开发和使用在构建 Vue 项目的过程中，离不开各种开箱即用的插件支持，用以快速完成需求，避免自己造轮子。在 Vue 项目里，可以使用针对 Vue 定制开发的专属插件，也可以使用无框架依赖的通用 JS 插件，插件的表现形式也是丰富多彩，既可以是功能的实现，也可以是组件的封装，本章将从插件的使用到

路由的使用在传统的 Web 开发过程中，当需要实现多个站内页面时，以前需要写很多个 HTML 页面，然后通过 <a /> 标签来实现互相跳转。在如今工程化模式下的前端开发，像 Vue 工程，可以轻松实现只用一个 HTML 文件，却能够完成多个站内页面渲染、跳转的功能，这就是路由。:::t

之前 jQuery 走天下的时候，返回顶部按钮倒是很简单，一个 animate 就可以解决，原生 JS 能否实现呢？答案是肯定的！相关代码：先贴代码，思路和代码来源 stackoverflow，做了一波小小的调整，添加 2 个参数，1 个是滚动到的指定位置，1 个是滚动速度，附个 issue 链接。

飞了12个小时，好累啊，落地了匈牙利, 接下来去维亚纳，还有号称世界最美小镇【哈尔施塔特】，最后从布拉格回程