vue：实现点击空白区域关闭弹窗

1、首先给外层容器设置一个ref属性:mian,当visibe为true时，弹框出现。

全局定义一个点击事件，当弹窗出现时，点击空白区域将弹窗关闭。别忘了在页面注销前，将点击事件移除。

在该容器外点击this.$refs.mian.contains(e.target)为false，在容器内点击则为true。

2、另一种方法：给外层容器定义一个阻止冒泡事件，则该容器内的点击不会传递到外层容器，所以全局监听不到该点击事件，在该容器内部点击不会触发点击函数。当弹框出现时，点击外部空白区域，弹框关闭。