vue中自定义指令

vue中分为全局自定义指令和局部自定义指令

全局自定义指令： 在main.js中或者在utils文件夹中定义一个directive.js文件 代码如下:

import Vue from 'vue'
Vue.directive('自定义指令名称（例如：focus）'{
    //插入到到dom元素中
    inserted:function(el) {
    el.focus()
    }
}

局部自定义指令：在vue组件中使用即可

directives:{
    名称（focus）:{
    inserted: function(el) {
        el.focus()
    }
    }
}

使用则是直接在标签中直接使用即可,注意全局自定义指令需要在main.js中或者组件中引入才能使用

<input v-focus></input>