vue custom directive里的vnode是干嘛用的

看到一個(gè)example,code在問(wèn)題底部，用于權(quán)限控制，如果權(quán)限不夠，就沒(méi)有這個(gè)element。
想請(qǐng)大俠幫忙看看：

1. 為什么需要做

Object.defineProperty(comment, 'setAttribute', {
      value: () => undefined,
    });

2 沒(méi)看明白vnode是什么，用處是什么？

Vue.directive('permission', (el, binding, vnode) => {
  if (!isUserGranted(binding.value)) {
    // replace HTMLElement with comment node
    const comment = document.createComment(' ');
    Object.defineProperty(comment, 'setAttribute', {
      value: () => undefined,
    });
    vnode.elm = comment;
    vnode.text = ' ';
    vnode.isComment = true;
    vnode.context = undefined;
    vnode.tag = undefined;
    vnode.data.directives = undefined;

    if (vnode.componentInstance) {
      vnode.componentInstance.$el = comment;
    }

    if (el.parentNode) {
      el.parentNode.replaceChild(comment, el);
    }
  }
});