刘春明的博客

例子3要学习 https://zhuanlan.zhihu.com/p/458308850重点学习：vue3.0之组件通信机制defineProps（组件接收外部传来的参数）、defineEmits（向组件外部传递参数）。

useFullscreen 的封装逻辑和 useStorage 类似，都是屏蔽了浏览器的操作，把所有我们需要用到的状态和数据都用响应式的方式统一管理，VueUse 中包含了很多我们常用的工具函数，我们可以把网络状态、异步请求的数据、动画和事件等功能，都看成是响应式的数据去管理。VueUse 的官方（https://vueuse.org/）的介绍说这是一个 Composition API 的工具集合，适用于 Vue 2.x 或者 Vue 3.x，用起来和 React Hooks 还挺像的。

所谓响应式就是界面和数据同步，能实现实时更新。Vue 中用过三种响应式解决方案，分别是 defineProperty、Proxy 和 value setter。Vue 2 使用的方案是 defineProperty API。Vue3中使用的方案是Proxy和value setter。

继续前面的学习笔记。

Vite是一个web开发构建工具。Vite 的竞品是 Webpack，而且按照现在的趋势看，使用率超过 Webpack 也是早晚的事。Vite 主要提升的是开发的体验，Webpack启动调试环境需要 3 分钟都很常见，Vite大大缩短了这个时间。

先举个 Vue 2 中的简单例子，一个累加器，并且还有一个计算属性显示累加器乘以 2 的结果。在 Vue 3 中，除了上面这种这个写法，我们还可以采用下方的写法。

可以说，Vue 3 很好地拥抱了未来，并且在新手友好度上做到了极致。生态中还多了 Vite 这个新⼀代工程化工具。更有料的 TypeScript 支持；基于 Proxy 的全新响应式实现；新的 VDOM diff 逻辑；更小的体积 + 更高的性能；组织代码的更优方式；