自定义指令

Vue 3插件通过app.component()注册全局组件、app.directive()注册全局自定义指令。本文演示如何用插件批量注册UI组件库、注册v-focus和v-permission等常用指令，以及组件库插件的最佳实践。

学了那么多理论，是时候动手撸几个真正能用的指令了！拖拽排序、一键复制、长按触发、权限控制、图片懒加载，五个实战指令完整实现，拿去直接用就完事了。

自定义指令注册方式怎么选？全局注册一劳永逸但可能污染命名空间，局部注册按需使用但每个组件都要写。还有TypeScript项目里指令没有类型提示怎么办？这篇文章帮你把注册方式和类型增强一次搞定。

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

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

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