实现点击盒子外任意位置关闭当前盒子，点击盒子内任意位置不关闭当前盒子

这里介绍一个简单实用的JS方法 contains()

　　contains()，js原生方法，用于判断DOM元素的包含关系；

　　需要注意的是：它以HTMLElement为参数，且返回布尔值。

场景：

　　在不使用各种UI组件的情况下，自己敲写一个盒子或者弹窗

功能：

　　实现点击盒子外任意位置关闭当前盒子，点击盒子内任意位置不关闭当前盒子

这里我用vue的ref来获取dom，也就是当前的这个盒子本身

 close(event) {
     let document  = this.$refs.cartBox
     if (document && !document.contains(event.target)) { // 判断弹窗是否包含点击节点，不包含则在弹窗外，隐藏弹窗
        console.log('这里点击了弹窗div外面');
        this.$store.commit('ShowPopup',false)
     }
 }