Nuxt 子组件内可以使用asyncData吗？

发布于
2018-01-25

大家好！
我使用nuxt框架，并用cil创建了默认项目模版，在pages/index.vue里面使用asyncData没有问题，但是，我在index.vue里面引用的其他组件无法使用asyncData去获取数据了。
请问这是什么问题，跟踪代码不会执行asyncData，同时控制台给出提示：

nuxt:render Data fetching /: 79ms +0ms

感谢关注！

vue.js nuxt.js

阅读 12.2k

3 个回答

得票最新

言图iantoo

723239

发布于
2018-01-25

✓ 已被采纳

不可以在子组件中使用，只能是page目录下使用，(多看一眼官方文档你就不会问这个问题了！！！)

项羽大大

5938

发布于
2019-07-23

可以通过 props 解决

https://zh.nuxtjs.org/faq/asy...

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

solidjs中如何实现vue中的keep-alive功能？
请在Solid.js中实现Vue.js的keep-alive功能。需要提供具体的代码示例和解释。
2 回答11.4k 阅读✓ 已解决
给定两个节点，如何找出他们之间的所有路径？
给定一个数组，数组描述是两个点之间的连接关系，给定两个点，需要找出两个点之间的所有“路径”，如何写这个算法？数据结构如下，描绘图形如下： {代码...} 现在假设给定两个节点：node1、node8，需要求出他们之间的所有路径，用二维数组表示：返回结果如下： {代码...}
2 回答13.3k 阅读✓ 已解决
vue项目如何在初始化之前跳转外部页面？
vue项目内有一个分享功能，但是这个分享出去的页面打开会非常慢，所以就想到了单独写了一套H5页面专门用于手机端打开，然后在这个vue项目的分享页面初始化函数里面加一个判断终端是否为移动端，如果是就再做一次跳转，到这个单独的H5页面上去，这样就不会去加载vue框架，打开速度会更快。以上是初始方案和预期。
5 回答4.4k 阅读✓ 已解决
js如何控制移动端overflow:scroll容器滑动的最大速度？
{代码...} demo在这：[链接]在移动端滑动一下这个.box区域,稍微一用力就到头了，如果我想用js去控制他滑动的最大速度该怎么去处理？
4 回答2.6k 阅读✓ 已解决
如何在Vue自定义指令中防止中文拼音输入影响数字验证？
这是一段自定义指令只能输入数字用在了el-input中正常来看是可以拦住的，但是由于它会把非数字替换成空串，导致我在不小心输入中文时，如：你好会在输入框依次出现 “nihao你好” 在中文出来之前拼音已经出现在输入框了，导致原本输入的数字被替换为空
2 回答11k 阅读✓ 已解决
vue2.6，打包后app.js，8M,chunk.js，6M，加载打开页面很慢，有什么办法减少，打开页面快一些？
vue2.6，打包后app.js，8M,chunk.js，6M，加载打开页面很慢，有什么办法减少，打开页面快一些？
2 回答4.6k 阅读✓ 已解决
Element Plus表格组件如何呈现复杂布局如图？
Element Plus的table表格如何实现下图的表格效果，element的表格看起来是一列一列的，好像没办法实现这种效果，如果要实现这种图片效果需要如何做呢
4 回答4k 阅读✓ 已解决

Nuxt 子组件内可以使用asyncData吗？

你尚未登录，登录后可以

solidjs中如何实现vue中的keep-alive功能？

给定两个节点，如何找出他们之间的所有路径？

vue项目如何在初始化之前跳转外部页面？

js如何控制移动端overflow:scroll容器滑动的最大速度？

如何在Vue自定义指令中防止中文拼音输入影响数字验证？

vue2.6，打包后app.js，8M,chunk.js，6M，加载打开页面很慢，有什么办法减少，打开页面快一些？

Element Plus表格组件如何呈现复杂布局如图？