Vue2自定义有哪些钩子函数，都有什么作用

Vue2中自定义指令有以下几个钩子函数：

- bind：只调用一次，指令第一次绑定到元素时调用，可以在这里进行一些初始化操作。
- inserted：元素插入到DOM中时调用，可以在这里进行一些DOM操作。
- update：指令所在组件的VNode更新时调用，但是可能发生在其子VNode更新之前。
- componentUpdated：指令所在组件的VNode及其子VNode全部更新后调用。
- unbind：指令与元素解绑时调用，可以在这里进行一些清理操作。

这些钩子函数可以通过指令定义对象的属性来注册。下面是一个例子：

Vue.directive('my-directive', {
  bind: function (el, binding, vnode) {
    // 指令第一次绑定到元素时调用
  },
  inserted: function (el, binding, vnode) {
    // 元素插入到DOM中时调用
  },
  update: function (el, binding, vnode, oldVnode) {
    // 指令所在组件的VNode更新时调用
  },
  componentUpdated: function (el, binding, vnode, oldVnode) {
    // 指令所在组件的VNode及其子VNode全部更新后调用
  },
  unbind: function (el, binding, vnode) {
    // 指令与元素解绑时调用
  }
})

在自定义指令的钩子函数中，可以通过参数访问到元素节点el，指令绑定的值binding，以及当前的VNode vnode和旧的VNode oldVnode（update和componentUpdated钩子函数才有oldVnode参数）。开发者可以在这些钩子函数中实现自己的逻辑，例如通过操作DOM来实现一些动画效果，或者监听元素事件来实现交互功能等。