Vue自定义指令如何改写为长尾词？

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

目录+指令+自定义指令+关于注册自定义指令+全局注册+局部注册+自定义指令的锤子函数+封装自定义指令+指令+想了解自定义指令，那一定先明确什么是指令。指令的本质：语法糖。

目录

• 指令
• 自定义指令
• 关于注册自定义指令
• 全局注册
• 局部注册
• 自定义指令的钩子函数
• 封装自定义指令

指令

想要了解自定义指令，那肯定得先明白什么是指令。

指令的本质：语法糖，标志位。在编译阶段 render 函数里，会把指令编译成 JavaScript 代码。

常见的Vue内置指令有：

• v-on 即 @。v-on:click=”function“， 缩写为@click=”function“
• v-if
• v-for
• v-html
• ……

所以指令就是跟我们的元素标签绑定在一起的某些事件，当我们dom组件在一定条件下就会触发相对应的指令。

自定义指令

先看看Vue官方的说法：

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