const clickoutside = {
  // 初始化指令
  bind(el, binding, vnode) {
    function documentHandler(e) {
      // 這里判斷點(diǎn)擊的元素是否是本身，是本身，則返回
      if (el.contains(e.target)) {
        return false;
  }
      // 判斷指令中是否綁定了函數(shù)
      if (binding.expression) {
        // 如果綁定了函數(shù) 則調(diào)用那個(gè)函數(shù)，此處binding.value就是handleClose方法
        binding.value(e);
      }
 }
    // 給當(dāng)前元素綁定個(gè)私有變量，方便在unbind中可以解除事件監(jiān)聽(tīng)
    el.__vueClickOutside__ = documentHandler;
    document.addEventListener('click', documentHandler);
  },
  update() {},
  unbind(el, binding) {
    // 解除事件監(jiān)聽(tīng)
    document.removeEventListener('click', el.__vueClickOutside__);
    delete el.__vueClickOutside__;
  },
};