基础入门

自定义指令用在普通HTML元素上没问题，但贴到组件上就可能翻车。单根组件指令会透传到根节点，多根组件直接报警告，而且指令不能像attributes那样用v-bind="$attrs"手动传递。这篇文章帮你搞明白指令在组件 …

Vue 3 Composable返回值应该用ref还是reactive？本文详细分析两种方式的差异：ref解构后保持响应性、reactive解构后丢失响应性、reactive包装返回值实现自动解包。帮你彻底搞懂Composable返回值的正 …

很多自定义指令其实只需要在mounted和updated做同样的事，Vue 3提供了函数简写让你少写一半代码。再加上对象字面量传参，一个指令就能接收任意多个配置项，灵活到飞起。

拆解Vue 3自定义指令钩子函数接收的四个参数：el、binding、vnode、prevVnode，重点搞清楚binding对象里的value、oldValue、arg、modifiers、instance、dir分别是什么，动态参数怎么 …

Vue 3 Composables有一套社区公认的命名和参数约定：函数名以use开头、用驼峰命名法、输入参数兼容ref和getter、返回包含ref的普通对象。掌握这些约定，你写的Composable才能让别人一看就懂、拿来就能用。

从零开始手写一个useMouse组合式函数，完整演示Composable的创建流程：先在组件内实现功能，再提取到独立文件，最后在组件中复用。同时封装useEventListener来简化事件监听逻辑，展示Composable之间的嵌套组合。