vue.js实战 第一篇 第八章 自定义指令

//全局注册
Vue.directive('focus',{
    //指令选项
});
//局部注册
var app=new Vue({
    el:'#app',
    directives:{
        focus:{
            //指令选项
        }
    }
})

<div id="app">
    <input type="text" v-focus>
</div>
<script>
    Vue.directive('focus',{
        inserted:function(el){
            el.focus();
        }
    });
    var app=new Vue({
        el:'#app'
    })
</script>

自定义指令的选项是由几个钩子函数组成

bind

inserted

update

componentUpdated

unbind