``` 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之后執行