<h3 dir="auto">Vue.js version</h3>
<p dir="auto">2.0.0-rc.4</p>
<h3 dir="auto">Reproduction Link</h3>
<p dir="auto"><a href="https://jsbin.com/rifuxuxuxa/1/edit?js,console,output" rel="nofollow">https://jsbin.com/rifuxuxuxa/1/edit?js,console,output</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<ol dir="auto">
<li>After hitting 'Run with JS', click the 'click here' button</li>
<li>Wait till <code class="notranslate">this.show</code> is <code class="notranslate">true</code>(8 seconds), click the 'click here' button again</li>
</ol>
<h3 dir="auto">What is Expected?</h3>
<p dir="auto">In step 1, prints '2333'<br>
In step 2, prints '2333'</p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">In step 1, prints '2333'<br>
In step 2, an error occurs 'o.fn is not a function'</p>
<p dir="auto">This can only be reproduced when there is a <code class="notranslate">v-show</code> element around. I have tried to put the <code class="notranslate">v-show</code> element (in this case, the 'balabalabala' span) before the <code class="notranslate">slot</code>, after the <code class="notranslate">slot</code>, outside the <code class="notranslate">div</code>, and they all report the same error after <code class="notranslate">this.show</code> is set to <code class="notranslate">true</code>.<br>
This may have something to do with <a href="https://github.com/vuejs/vue/commit/e6c5f21f86c3d2de4821c99566dba364c18b4c19#diff-607630de25f071aeb86d9962152e26bdR132">this</a>.</p>
<p dir="auto">I reported the <a href="https://github.com/vuejs/vue/issues/3518" data-hovercard-type="issue" data-hovercard-url="/vuejs/vue/issues/3518/hovercard">same issue for <code class="notranslate">v-if</code></a> which got fixed in <code class="notranslate">vue@2.0.0-rc.4</code>. However, with this version the same code using <code class="notranslate">v-show</code> – which previously worked perfectly – does not work anymore.</p>
<h3 dir="auto">Vue.js version</h3>
<p dir="auto">2.0.0-rc.4</p>
<h3 dir="auto">Reproduction Link</h3>
<p dir="auto"><a href="http://codepen.io/analog-nico/pen/KgPKRq" rel="nofollow">http://codepen.io/analog-nico/pen/KgPKRq</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<ol dir="auto">
<li>Click the link "Open popup using v-show"</li>
<li>A badly designed popup opens</li>
<li>Click the "Close" link</li>
</ol>
<h3 dir="auto">What is Expected?</h3>
<ul dir="auto">
<li>The popup closes successfully</li>
</ul>
<h3 dir="auto">What is actually happening?</h3>
<ul dir="auto">
<li>Vue fails to call an internal function and throws: <code class="notranslate">TypeError: o.fn is not a function. (In 'o.fn(ev)', 'o.fn' is an instance of Object)</code></li>
<li>The <code class="notranslate">closePopupUsingVShow</code> function attached to the "Close" link's click event never gets called.</li>
<li>The popup does not close.</li>
</ul>
<p dir="auto">For reference the codepen contains the exact same implementation of the popup with the only difference that it uses <code class="notranslate">v-if</code> instead of <code class="notranslate">v-show</code> to show/hide the popup. <code class="notranslate">v-if</code> works perfectly.</p>