Vue、jQuery取消DOM 元素绑定的事件

jQuery  写法比较常用，但不适用于 vue，如下：

// 绑定 click 事件
$("#search").bind("click");

//解除绑定 click 事件
$("#search").unbind("click");

 

Vue目前没有类似jQuery那样的写法，需要借助中间变量来控制，如下：

--------------------------  html 部分 -----------------------------

<button name="submitBtn" @click="btnClick">提交</button>


--------------------------  vue 部分 -----------------------------

data: {
    eventStatus: true;
},
method: {
    btnClick: function () {
        if (this.eventStatus) {
            alert("点击事件可用！");
        }
    }
}