Vue自定义指令

一、前言 我们了解的vue指令有： v-model,v-show,v-for等，除了这些指令，我们也可以实现自己的自定义指令。在vue中代码的抽取和复用主要是通过组件，如果我们想要对DOM元素进行底层操作，可以通过自定义组件来完成。 二、自定义指令的分类 自定义局部指令:在options api选项中的directives中设置。 自定义全局指令:在app的directive方法。 三、input框聚焦案例 我们需要实现的功能是：input选择框当我们打开页面是，就实现自动聚焦的功能。我们存在三种实现方法。 一、普通实现 通过ref拿到input标签，然后使用生命周期函数的回调，执行input标签的focus的操作 二、自定义局部组件实现 options api中存在directives选项，然后在其中设置指令。 三、自定义全局组件实现 在app中存在directive，可以在上面设置全局指令。 四、指令的

Vue自定义指令最先出现在Python成神之路。