Vue 3.5 新 API useTemplateRef 炸裂来袭！告别 ref 命名耦合、any 类型与动态列表拿不到 DOM 的千年痛点，3 个实战场景带你秒懂零耦合、全类型、可复用的新姿势

modal组件的优雅显示，vueuse createGlobalState 的使用与实现，vue effectScope的使用。

vue3中想要访问DOM和子组件可以使用ref进行模版引用，但是这个ref有一些让人迷惑的地方。比如定义的ref变量到底是一个响应式数据还是DOM元素？

上周五晚上8点，开开心心的等着产品验收完毕后就可以顺利上线。结果产品突然找到我说要加需求，并且维护这一块业务的同事已经下班走了，所以只有我来做。虽然内心一万头草泥马在狂奔，但是嘴里还是一口答应。

你是一个vue3的初学者肯定会被这些响应式的API搞晕了，但实际上你不需要把它们想得太过复杂，通常你不会用到所有的API。 这里直接提供一种最简单的区分办法，让你快速上手组合式API

随着vue3.4版本的发布，defineModel也正式转正了。它可以简化父子组件之间的双向绑定，是目前官方推荐的双向绑定实现方式。

在Vue中，人们普遍认为改变 props是反模式，而应该使用事件来通知父级它已被修改，以便数据流变化总是自上而下进行的。对于大多数简单情况都是如此，子组件只处理简单的输入。然而，在某些场景并非如此。

在 Vue template 中定义 template！来看看 antfu 大佬的新轮子！好久之前，就有人提到过关于 Vue SFC 的一个小毛病，就是不能在 SFC 中定义多个 template。

背景 这几天看到好多文章标题都是类似于： 不用 ref 的 xx 个理由 不用 reactive 的 xx 个理由 历数 ref 的 xx 宗罪 我就很不解，到底是什么原因导致有这两批人： 抵触 re