vue3.0自定义指令（drectives)知识点总结

但是还是避免不了偶尔要操作原生 DOM，这时候，你就能用到自定义指令。在mounted钩子函数里，通过 $refs 获取需要聚焦的 DOM 元素，然后调用 focus 方法完成自动聚焦的功能。我们下面看下如果使用自定义指令，应该怎么做。如上，我们定义了一个全局自定义指令 focus，并通过 v-focus 绑定到需要聚焦的 input 元素上。指令钩子函数大部分与组件很类似，大家可以对比着来看。局部自定义指令最后，再来简单说下局部自定义指令是怎么定义的。总结自定义指令可以提取出原生DOM操作的逻辑。所以指令的应用范围主要表现在，当一些操作涉及到 DOM 底层时，而且操作逻辑可能用于多处地方，就适合用指令来封装这些逻辑。