[JavaScript知识库]vue data- 属性实现点击页面提示框隐藏

<div @click='showTitleTip = !showTitleTip'>按钮</div>
<div v-show='showTitleTip' data-keep='on'>提示框</div>
<script>
data(){
return{
showTitleTip:false
}
created(){
document.addEventListener('click',this.hideTipsEventHandler,true);
},
methods:{
hideTipsEventHandler(e){
e.target.dataset.keep !== 'on' && (this.showTitleTip = false)
}
}
beforeDestroy(){
document.removeEventListener('click',this.hideTipsEventHandler,true)
}