1、创建directive.js文件,引入import Vue from "vue";
2、创建自己需要的指令,并暴露出:
const demo = function(Vue){
Vue.directive('drag', function (el) {
//...
})
}
export default {
demo
}
3、在mian.js注册
import directive from './utils/directive' // 自定义指令
Vue.use(directive)
4、在元素中使用:
<div class="demo" v-drag />