关于实现点击区域控制组件显示隐藏

原理比较简单，就是获取整个document的点击事件，然后产看查看当前点击元素是否包含目标元素即可

document.addEventListener('click', hideBox)

//在页面随机点击
const hideBox = (e) => {
    let logout = document.getElementById('logout')
    if (!logout.contains(e.target)) {
        showLogout.value = false;
    } else {
        showLogout.value = true;
    }
}