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  前端交流群 ，绝对原创，转载请附上 本微博链接。