在Vue中,指令的使用无处不在,v-bind、v-model、v-on等都是指令。Vue中也提供了自定义指令的能力,对于某些定制化的需求,配合自定义指令来封装组件可以使开发过程变得非常容易。 我们来实现如下功能:页面上提供一个input输入框,当页面被加载后,输入框默认处于焦点状态,即用户可以直接对输入框进行输入 以上代码所示,调用应用示例的directive方法可以注册全局的自定义指令。上面的代码中,getfocus是指令的名称,在使用时需要加上“v-”前缀。运行上面的代码,可以看到页面被加载时其中的输入框默认处于焦点状态,可以直接进行输入。 在自定义指令时,通常需要在组件的某些生命周期节点进行操作,自定义指令中除了支持mounted生命周期方法外,也支持使用beforeMount、beforeUpdate、updated、beforeUnmount和unmounted生命周期方法,我们可以选择合适的时机来实现自定义指令的逻辑。