如何实现Vue自定义指令v-focus的实例详解？

本文共计1122个文字，预计阅读时间需要5分钟。

目录前言自定义指令项目实际使用技术背景实际操作优势setTimeout(fn, 0) 的神奇$nextTick(callback)小结前言文本直接参考Vue 2.0官方文档，并结合博主项目中的应用进行演示。自定义指令自定义指令指令的具体使用方法。

目录

• 前言
• 自定义指令 directive
• 项目实际使用
• 技术背景
• 实际操作
• 优势
• setTimeout(fn, 0) 永远的神
• $nextTick(callback)
• 小结

前言

本文直接参考vue2.0官方文档， 并演示博主项目中的使用

自定义指令 directive

除了核心功能默认内置的指令 (v-model和v-show)，Vue 也允许注册自定义指令。注意，在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。