nuxt.js在动态路由_id.vue里使用async asyncData为什么会执行2次

Maplexxfye 2019-10-21 08:32:11

nuxt.js在动态路由_id.vue里使用async asyncData为什么会执行2次？在普通页面组件就只执行一次

...全文

1104 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

Maplexxfye 2021-04-13

打赏
举报

回复

时间太久，我忘记怎么解决的了，这里有很多方法，可以尝试一下 https://github.com/nuxt/nuxt.js/issues/4008#issuecomment-810611465

天刂℡ 2021-02-22

打赏
举报

回复

我也想知道，，，，遇到这个问题解决不掉了

laobotou 2020-01-05

打赏
举报

回复

遇到相同的问题。 1、在_id.vue组件里面，并使用了keep-alive 2、asyncData 执行两次

异步数据——asyncData方法获取异步数据 & Nuxt.js提供使用 async方法获取接口数据 & 在线测试接口的使用教程 Nuxt.js 扩展了 Vue.js，增加了一个叫 asyncData 的方法，使得我们可以在设置组件的数据之前能异步获取或处理数据。 asyncData 方法 asyncData方法会在组件（限于页面组件）每次加载之前被调用。它可以在服务端或路由更...

介绍基于 Vue.js 的通用应用框架。 SSR 服务端渲染。在服务端生成html发送至客户端特性：异步数据加载、中间件支持、布局支持等。优点：有利于SEO，加载速度快，自动配置路由依赖 node 和 npm npx（npx在NPM版本5.2.0默认安装） SSR的优势更利于SEO。不同爬虫工作原理类似，只会爬取源码，不会执行网站的任何脚本（Google除外，据说Googlebot可以运行javaScript）。使用了React或者其它MVVM框架之后，页面大多数DOM元素都

1. asyncData()和fetch()的相同点参数是一个object,为context(上下文) ：被设定为当前页面的上下文对象参考官方上下文 //asyncData()(context) { fetch()(context) { // Universal keys const { app, //包含所有插件的 Vue 根实例。例如：在使用 axios 的时候，你想获取 $axios 可以直接通过 context.app.$axios 来获取 store,

3.6 获取数据 3.6.1 asyncData 方法 Nuxt.js 扩展了 Vue.js，增加了一个叫 asyncData 的方法， asyncData 方法会在组件（限于页面组件）每次加载之前被调用。它可以在服务端或路由更新之前被调用。在这个方法被调用的时候，第一个参数被设定为当前页面的上下文对象，你可以利用 asyncData 方法来获取数据，Nuxt.js 会将 asyncData 返回的数据融合组件 data 方法返回的数据一并返回给当前组件。注意：由于 asyncData 方法是在组

Nuxt.js 扩展了 Vue.js，增加了一个叫asyncData的方法，使得我们可以在设置组件的数据之前能异步获取或处理数据。 asyncData 方法 asyncData方法会在组件（限于页面组件）每次加载之前被调用。它可以在服务端或路由更新之前被调用。在这个方法被调用的时候，第一个参数被设定为当前页面的上下文对象，你可以利用asyncData方法来获取数据，Nuxt.js ...

10,611

社区成员

29,026

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章