v-if绑定的元素为什么事件没有响应

Vue是一套构建用户界面的 渐进式框架，入门也比较容易，但在使用过程中却可能会遇到这样那样的问题，今天笔者就将使用中遇到的一个问题记录于此，希望能帮到遇到类似问题的朋友。

使用场景:

<button  id="test" v-if="check"></button>
<script>
$("#test").click(function(){
//todo
});
</script>

在html中使用v-if来控制该button的显示，并在js代码中绑定该button的click事件，但是不幸的是如果载入时check变量为false，该button就会隐藏，即使后期check变为true而该button又显示出来，但是test按钮的click事件却只有在页面加载的时候绑定(不幸的是该button没有在dom中形成而导致事件绑定失败)，所以click事件不会响应，所以使用v-if绑定的事件需要使用另外一种方式来绑定click事件：v-on指令，通过v-on:click=“xx函数”来实现