Vue3 中二次封装组件要解决的问题：props 如何穿透出去？slots 如何穿透出去 ？组件的方法如何暴露出去 ？如何让 typescript 类型完备 ？

上一篇文章我们讲了reactive的源码解析，相信大家已经对其已经有了深刻的理解，那么ref和它有什么不同呢？ 这一篇文章，我们就来了解一下ref是如何实现的。

前端组件库造轮子——Message组件开发教程 前言 本系列旨在记录前端组件库开发经验，我们的组件库项目目前已在Github开源，下面是项目的部分组件。文章会详细介绍一些造组件库轮子的技巧并且最后会给

vue3 鲜为人知的知识点 💕 模板语法 ✔ 动态参数 💕 列表渲染 ✔ v-for 与对象 ✔ v-for 使用范围值 注意此处 n 的初值是从 1 开始而非 0 ✔ v-for 与 v-if 当它

又看到一个谈 ref 和 reactive 的文章，文章举了一堆似是而非的例子说明 reactive 不好。 作为一个坚定的 reactive 拥护者和使用者，我觉得是时候出来反驳几句了。

在 vue3 中的组合式 api 中，针对响应式有了一些改变，其中响应式 api 中，两个比较重要的是 ref 和 reactive，但是对于这两个区别以及使用场景，大多数同学都比较迷惑，这个文章将给

不知道大家有没有这样的疑惑，“ref、rective 都能创建一个响应式对象，我该如何选择？”，“为什么响应式对象解构之后就失去了响应式？” 今天咱们就来全面盘点一下 ref、reactive ！

笔者有 3 年多 React + TS 的实践经验，深刻体会到 TS 对生产效率的提升作用。最近换了新团队，Vue3 + TS 的最佳实践是笔者最近研究的方向，现将阶段性成果总结成文，供大家参考。

Props、emits、expose/ref、Non-Props、getCurrentInstance、v-model、插槽 slot、provide/inject、总线bus、Vuex、Pinia