Vue

很多自定义指令其实只需要在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之间的嵌套组合。

全面拆解Vue 3自定义指令的七个生命周期钩子，搞清楚每个钩子的触发时机、能做什么不能做什么，配合流程图和实战代码让你不再纠结"这段代码该放哪个钩子里"。

Vue 3组合式函数（Composables）是利用组合式API封装和复用有状态逻辑的函数。本文从无状态逻辑与有状态逻辑的区别讲起，帮你搞明白为什么需要Composables，它到底解决了什么问题，以及它和普通工具函数的本质差异在哪。