title: TypeError: Cannot read property '0' of undefined VueJS
body: <p>I am seeing a strange issue with VueJS and HTML un/ordered list elements. All files build in my project without any errors but in browser you see nothing on the page and there is an error in browser Console.</p>
  <p>I have a fix (see below code), but am curious as to why VueJS throws this error and how VueJS handles basic list elements in the browser? So I was hoping someone could explain this issue to me to fully understand what is really happening here.</p>
  <p>I'm using Visual Studio 2019 with Snowpack to compile</p>
  <p>My html/template code:</p>
  <pre><code>&lt;!-- The code that throws error in the browser --&gt;
  &lt;ul&gt;
      &lt;li&gt;
          Item One
      &lt;/li&gt;
      &lt;li&gt;
          Item Two
      &lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;!-- This code fixes error in browser --&gt;
  &lt;ul :key=&quot;someRandomKey&quot;&gt; &lt;!--&lt;ul v-bind:id=&quot;someRandomKey&quot;&gt; also a fix--&gt;
      &lt;li&gt;
          Item One
      &lt;/li&gt;
      &lt;li&gt;
          Item Two
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  <p>My Vue Component ts code:</p>
  <pre><code>import { Component, Prop, Vue } from '/web_modules/vue-property-decorator.js'
  
  import vevraTemplate from '../templates/applyVEVRAA.vue.js';
  @Component({ render: vevraTemplate, watch: null })
  export default class VEVRAAComponent extends Vue
  {
      
  }
  </code></pre>
  <p>The error: (My vue component name is 'applyVEVRAA.vue.js')
  <a href="https://i.stack.imgur.com/Bd6xw.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Bd6xw.png" alt="enter image description here" /></a></p>