vue里的directive中的钩子函数的上下文（this）问题

Question

这段有关vue2.0 directive的代码

someDirective.js

export default {
    a: 'xxx',
    bind (el, binding) {
      console.log(this.a);
    }
 }

useDirective.vue

import SomeDirective from 'someDirective.js';
export default {
  directives: {
    SomeDirective
  },
  ....
}

会报未找到this的错误，
bind函数的上下文难道不是export default的对象，
如果不是，为什么？

Answer 1

via: http://geocld.github.io/2016/...

总结一下Vue.js 2.0指令的注意事项：

1. 指令中没有this关键字

2. 指令中通过el可以直接拿到指令绑定的元素;

3. 需要传递回调函数及其他参数，统一通过对象字面量的形式传递

4. update钩子会触发当前所有已绑定的元素，而不管该元素有没有更新值。

Answer 2

获取vue的上下文即可

    drag(el, binding, vnode) {
      // vue上下文
      let _this = vnode.context;
     }

Answer 3

一般不这么定义变量。
你可以定义在上面，然后export default里去引用这个定义的对象。

Answer 4

1. 定义的有问题, 看一下文档

Answer 5

我这边this也是undefined

Answer 6

export default {
    name: 'myDirective',
    a: 'xxx',
    bind(el, binding) {
        console.log(binding.def.a)
    }
}

通过binding.def可以拿到a