方法一：
通過監聽事件
document.addEventListener('click',function(e){
if(e.target.className!='usermessage'){
that.userClick=false;
}
})
方法二（比較好）：
給最外層的div加個點擊事件 @click="userClick=false"
給點擊的元素上面加上：@click.stop="userClick=!userClick"
方法三：
<template>
<!--向頁面添加關閉div的事件監聽-->
<div class="page" @click="hide">
<!--添加.stop防止page的點擊事件觸發，導致無法顯示div-->
<button @click.stop="show">點擊顯示div</button>
<!--指定的div。添加.stop防止點擊div內的元素時，整個div被關閉-->
<div @click.stop>
...
</div>
</div>
<template>
<script>
export default {
methods:{
show(){},
hide(){}
}
}
</script>
總結：
通過vue.js 事件的.stop修飾符可以阻止事件繼續冒泡傳播，也可以使用原生js事件的event.stopPropagation()方法。
通過向指定的div添加.stop，可以實現只有點擊非該div內的元素時，才會往上冒泡至page，從而實現點擊其他地方隱藏div。
要向觸發顯示div的按鈕添加.stop，否則一點擊按鈕，觸發show()之后傳播到page，立馬就會觸發hide()，div就無法顯示。