title: VueJS DOM not updating when data does
body: <p>So I have a simple example with a button and some text but for some reason, it's not updating even though when I log the Vue object, data is clearly being updated.</p>
  
  <pre><code>&lt;template&gt;
    &lt;div&gt;
      &lt;span&gt;{{ showNav }}&lt;/span&gt;
      &lt;span class="parallax__nav__trigger" v-on:click="toggleNav"&gt;
          Menu 
      &lt;/span&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
      data: () =&gt; ({
        showNav: false,
      }),
      methods: {
        toggleNav: () =&gt; {
          this.showNav = !this.showNav
          console.log(this)
        }
      }
    }
  &lt;/script&gt;
  ...
  </code></pre>