Vue2：自定义指令(面试)

自定义指令

除了默认设置的核心指令( v-model 和 v-show 等)，Vue 也允许注册自定义指令。

在Vue里，代码复用的主要形式和抽象是组件。

然而，有的情况下，仍然需要对纯 DOM 元素进行底层操作，这时候就会用到自定义指令 。

以一个input元素自动获得焦点为例，当页面加载时，使用autofocuse可以让元素将获得焦点 ，但是autofocuse在移动版Safari上不工作，现在注册一个使元素自动获取焦点的指令。

指令注册类似于组件注册，包括全局指令和局部指令两种。

1、全局指令

语法：

Vue.directive('focus', {
  inserted: function (el) {
    el.focus()
  }
})

 

2、局部指令（常用）

语法：

var vm = new Vue({
  el: '#app',
  directives:{
      focus（自定义指令名字）:{
      inserted: function (el) {
        　el.focus()
      }      
    }
  }
})