官方文档
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.directive