title: Vue.js v-show and v-else not working as intended?
body: <p>I can't seem to get <code>v-show</code> and <code>v-else</code> to work. The documentation says:</p>
  <blockquote>
  <p>The <code>v-else</code> element must following immediately after the <code>v-if</code> or <code>v-show</code> element - otherwise it will not be recognized.</p>
  </blockquote>
  <p><strong>Documentation</strong>: <a href="http://vuejs.org/guide/conditional.html#v-show" rel="nofollow noreferrer">http://vuejs.org/guide/conditional.html#v-show</a></p>
  <p><strong>Fiddle</strong>: <a href="https://jsfiddle.net/p2ycjk26/2/" rel="nofollow noreferrer">https://jsfiddle.net/p2ycjk26/2/</a></p>
  <p>Html:</p>
  <pre><code>&lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Heading&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr v-for=&quot;test in tests&quot; v-show=&quot;tests.length&quot;&gt;
              &lt;td&gt;{{ test.name }}&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr v-else&gt;
              &lt;td&gt;No data available in table&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  <p>JavaScript:</p>
  <pre><code>new Vue({
      el: 'table',
  
      data: {
          tests: [{
              name: 'Testing'
          }, {
              name: 'Testing 2'
          }, {
              name: 'Testing 3'
          }]
      }
  });
  </code></pre>
  <p>It's probably something simple but I can't quite figure it out?</p>