创建一个自定义指令通过:Vue.directive()这个方法来实现
在使用自定义指令时 我们只需要用 v-指令名,在这里我们创建了一个自定义指令叫xixi,所以就是 v-xixi 表示我们使用了这个自定义指令
Vue.directive('指令名',配置项),在上面我们使用的是inserted这个配置项,inserted是被指令绑定的元素 ,插入到真实dom时会自动执行。
inserted接收两个参数
我们来打印一下这两个参数
可以看到 el 就是我们被绑定的元素 参数二就是自定义指令对象,里面存放这我们的指令名 xixi 以及 value 王一。也就是说:我们通过Vue.directive这个方法,创建了一个名叫xixi的自定义指令,当我们把这个自定义指令绑定到一个元素上的时候,当这个元素从虚拟dom变成了真实dom,就会执行inserted这个方法,当执行这个方法时,el就会执行原生js里面的focus()这个方法进行聚焦。