title: What is different between asyncData and methods in nuxt js?
body: <p>I currently used </p>
  
  <ul>
  <li><code>asyncData</code> for getting api data , but it can only used in pages ( not in components) .</li>
  <li>But method can used in <strong>page and component</strong> .</li>
  </ul>
  
  <p>These two method work the same ways and , so I am thinking to use methods for getting api data . 
  So I wonder is there any significant between <strong><em>asyncData and method</em></strong> ?</p>
  
  <pre><code>export default {
    async asyncData ({ req }) {
      let { data } = await axios.get(process.env.API_SERVER + `/v1/projects`)
      return { items: data }
    },
    data () {
      return {
        items: null
      }
    },
    methods: {
      async getItems () {
         let { data } = await axios.get(process.env.API_SERVER + `/v1/projects`)
         this.items = data
      }
    }
  </code></pre>