记录 vue自定义指令 实现展示搜索记录，点击其他区域隐藏

// const clickoutside = {
//   bind(el, binding,) {
//     function documentHandler(e) {
//   // 这里判断点击的元素是否是本身，是本身，则返回
//       if (el.contains(e.target)) {
//         return false;
//   }
//   // 判断指令中是否绑定了函数
//       if (binding.expression) {
//   // 如果绑定了函数 则调用那个函数，此处binding.value就是handleClose方法
//         binding.value(e);
//       }
//  }
//  // 给当前元素绑定个私有变量，方便在unbind中可以解除事件监听
//     el.__vueClickOutside__ = documentHandler;
//     document.addEventListener(‘click‘, documentHandler);
//   },
//   unbind() {
//  // 解除事件监听
//     document.removeEventListener(‘click‘, el.__vueClickOutside__);
//     delete el.__vueClickOutside__;
//   },
// };