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

 

posted @ 2019-05-30 11:01  Fishope  阅读(259)  评论(0编辑  收藏  举报