nuxt 的异步请求方式 await axios和 axios区别

因为 博主发现 nuxt晚上资料很少，所以决定 做个来给大家分享下吧

同样的一个循环

<li v-for="post in posts">        {{ post.title }}    </li>

正常 我们的写法是  这个好处是  结构很能返回 所有是配置信息

asyncData ({ params }) {//请求return  axios({method: 'get',url: 'https://jsonplaceholder.typicode.com/posts'}).then(function (response) {  return { posts: response.data.slice(0, 5) }})},

另一种写法是  

async asyncData ({ params }) {    let { data } = await axios({method: 'get',url: 'https://jsonplaceholder.typicode.com/posts'})    return { posts: data.slice(0, 5) }},

这个好处是  

data.slice(0, 5)其实就是等于 response.data.slice(0, 5)了  因为let { data }  就是取返回数据的 data这个变量了

好，点不点赞看你了，或者 可以加入 我的 群153181864  前端交流群 ，绝对原创，转载请附上 本微博链接。