Vue2.0如何实现一个自定义指令（搜一贼）

前言

在之前的一篇文章中，我们已经对Vue2.0和3.0中的生命周期（钩子）函数进行了梳理和对比，并发现在3.0中还是有很大的变化的。接下来这篇文章我们将梳理一下Vue2.0中自定义指令是如何实现和定义的。后面还将继续梳理3.0版本中自定义指令的实现以及与2.0版本的一个对比。

vue2.0自定义指令

我们知道vue为我们提供了一套强大的内置核心指令，像v-for，v-model等等，那么除了这些核心的内置指令外，有时候根据业务仍然需要对普通 DOM 元素进行底层操作，这时就需要用到一些自定义指令了，尤大大也想到了这一点，所以也为我们提供了自定义指令的方法，接下来我们将以全局指令为例，看一下该如何实现一个自定义指令
要想自定义一个指令也不是很难，我们可以通过Vue.directive(name，options);即可实现一个自定义指令，其中name是指令名（不带v-），options可以理解为配置项，其中比较重要的就是里面的一些钩子函数，因为自定义指令所有要处理的逻辑都应该写在对应的钩子函数中，一个包含完整钩子函数的自定义指令语法应该像下面这样：

Vue.directive('focus',{
   
	bind:function(el