欢迎来到
cmdragon's Blog

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

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

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

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

从Vue 3内置指令的局限性出发，介绍自定义指令是什么、什么时候该用它、和组件与组合式函数有什么区别，手把手带你写出第一个v-focus自动聚焦指令。

详细讲解 Vue 3 defineAsyncComponent 的两种调用方式（函数式和对象式），深入分析各配置项的作用和使用场景。