title: asyncData in component of Nuxtjs isn't working
body: <p>I have an issue with the nuxt.js project. I used async the component but when it rending, async wasn't working. This is my code.</p>
  
  <p>I have view document in <a href="https://nuxtjs.org/api/" rel="noreferrer">https://nuxtjs.org/api/</a> but I don't know what is exactly my issue</p>
  
  <p>Test.vue (component)</p>
  
  <pre><code>    &lt;template&gt;
          &lt;div&gt;
              {{ project }}
          &lt;/div&gt;
      &lt;/template&gt;
  
      &lt;script&gt;
  
      export default {
          data() {
              return {
                  project : 'aaaa'
              }
          },
          asyncData() {
              return {
                  project : 'bbbb'
              }
          }
      }
  
      &lt;/script&gt;
  </code></pre>
  
  <p>This is index.vue (page)</p>
  
  <pre><code>    &lt;template&gt;
          &lt;test&gt;&lt;/test&gt;
      &lt;/template&gt;
      &lt;script&gt;
  
      import Test from '~/components/Test.vue'
      export default {
          components : {
              Test
          }
      }
  
      &lt;/script&gt;
  </code></pre>
  
  <p>My expected result is</p>
  
  <pre>
      bbbb
  </pre>
  
  <p>But when running on <a href="http://localhost:3000" rel="noreferrer">http://localhost:3000</a> this is actual result</p>
  
  <pre>
      aaaa
  </pre>
  
  <p>I try to search google many times but don't have expected solution for me. Someone help me, please.</p>
  
  <p>Thanks for helping.</p>