/*global import*/
 
import ClickOutSide from 'vue-v-clickoutside'
Vue.directive('clickoutside', ClickOutSide)
 
 
/*local import*/
 
import ClickOutSide from 'vue-v-clickoutside'
export default {
  ...
  directives: {
    'clickoutside': ClickOutSide
  }
  ...
}
 

 
<templete>
  <div v-clickoutside="handleFunction"></div>
</templete>
 
...
export default {
...
  methods: {
    handleFunction() {
      //  handler
    }
  }
...
}