【已解决】监听 vue点击Div外层 的事件，并实时销毁。

1、场景

2、代码

    watch:{
        show_login_out(newVal, oldVal){
            if(newVal === true){
                alert('开始监听')
                // 若显示，则监听失去焦点事件。
                document.addEventListener('click',this.click_out_side, true);
            }else{
                alert('事件销毁')
                // 不显示，销毁监听事件。
                document.removeEventListener("click", this.click_out_side, true);
            }
        }
    },
    methods:{
        click_out_side(e){
            if(!this.$el.contains(e.target)){
                alert('触发点击外面')
                this.show_login_out = false;
            }
        },
   }