VUE框架Nuxt中,asyncData和fetch有什么不同?

杨天栾

2018-06-22

经常用到asyncData和fetch都是在什么时候执行的

第59篇《VUE框架Nuxt中,asyncData和fetch有什么不同?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
Winter 2018.06.22
如果你想要在服务器端获取并渲染数据。那么Nuxt.js的asyncData方法可以达到这个效果,它使得你能够在渲染组件之前异步获取数据。 asyncData方法会在组件(限于页面组件)每次加载之前被调用。它可以在服务端或路由更新之前被调用。 fetch 方法用于在渲染页面前填充应用的状态树(store)数据, 与 asyncData 方法类似,不同的是它不会设置组件的数据。 如果页面组件设置了 fetch 方法,它会在组件每次加载前被调用(在服务端或切换至目标路由之前)。

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android