jquery点击事件不生效的问题

在同时使用vue.js和jquery.js的过程中，发现jquery的点击事件在有些地方不生效没有任何反应，反反复复看代码并没有什么异常也没有报错，后来发现是父级div使用了v-if='state'，加载页面时state为false，后来点击切换为true

后来把父级div的v-if显示隐藏使用jquery来操作，点击事件可以生效

$('#state').show(); //显示
$("#state").hide(); //隐藏

还有一种解决办法是把v-if改成v-show
然后给jquery绑定ready事件
先加载vue.js让页面渲染完成后加载jquery

$(document).ready(function(){
    $(function() {
    //jq事件
 
    });
});

v-if是根据条件控制dom是否存在
v-showdom都存在，只是控制是否显示/隐藏