``` Vue.directive('focus', { /* 每当指令绑定到元素上的时候，会立即执行这个bind函数，只执行一次 */ // 注意：在每个函数中，第一个参数，永远是el,表示被绑定了指令的那个元素，这个el参数，是一个原生的JS对象 // 在元素 刚绑定的时候，还没有插入到DOM中去，这时候调用focus方法，没有作用 bind: function(el){ // el.focus() }, /* inserted 表示元素插入到DOM中的时候，会执行inserted函数【触发一次】 */ // 和JS行为有关的操作，最好在inserted中去执行，防止JS行为不生效 inserted: function(el){ el.focus() }, /* 当VNode更新的时候，会执行updated，可能会触发多次 */ updated: function(){ } }); ``` 1. bind和inserted，updated钩子函数，并且提供绑定的element对象 2. 其中bind是在绑定指令时立即执行，inserted是在插入到dom之后执行