Vue中如何快速运用directive指令？

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

目录

一、用法：注册或获取全局指令

二、指令函数

三、快速使用

-- 获取input框的焦点

1.全局指令

2.局部指令

一、用法：注册或获取全局指令

- Vue.directive(id, [definition])- 除了核心功能默认值外，其他功能自定义

二、指令函数- 详解指令的绑定和调用

三、快速使用-- 获取input框的焦点

目录

• 一、用法：注册或获取全局指令
• 二、钩子函数
• 三、快速使用-----获取input框的焦点
• 1.全局指令
• 2.局部指令

一、用法：注册或获取全局指令

Vue.directive(id,[definition])

除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。注意，在 Vue2.0 中，代码复用和抽象的主要形式是组件。

然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。