vue指令

官方文档
https://cn.vuejs.org/v2/guide/custom-directive.html

1、进入页面使一个输入框自动获取焦点

操作DOM的实现方式，在vue中不推荐使用

  <div id="app">
    <input type="text" value="" id="name">
  div>
  
  document.getElementById('name').focus()

想要实现的方式，在 元素这一列后面直接使用一个 v-focus 就使得当前输入框自动获取焦点；

这里有两个步骤，
1、自定义一个focus 指令；
2、在元素中使用该指令；

2、自定义指令

第一个参数是指令的名称，在定义指令时前面不需要加 v- 前缀，但是在调用时必须加前缀 v-

全局的

// 注册一个全局自定义指令 `v-focus`
Vue