我希望加载和填充vue.js (nuxt.js)中每个组件的数据。
我希望加载和填充vue.js (nuxt.js)中每个组件的数据。
提问于 2017-06-25 05:14:43
我开始这个项目的方式如下。
vue init nuxt/express我的目录是..。
components
|- slider.vue
|- list.vue
pages
|- index.vue组件是，
index.vue
<template>
<my-slider/>
<my-list/>
</template>
<script>
import MySlider from '~components/slider'
import MyList from '~components/list'
export default {
components: {
MySlider,
MyList
},
asyncData () {
... axios get ...
return {
img: response.data.img
}
}
}
</script>我设置了以下结构。
如果发生GET /请求，
我希望从每个组件(MySlider、MyList)中的数据库中导入数据。
- 每个组件(MySlider，MyList)是否需要从asyncData ()发出axios请求？我是否应该从索引组件asyncData ()发出axios请求？
- 如何设置数据以在请求后初始化axios响应数据？
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-06-25 19:51:18
你决定如何设置你的数据。如果您在两个子组件中使用相同的数据，我将从父组件中获取它们，并使用属性将其发送到MySlider和MyList组件。
如果这两个组件中的数据彼此无关，我可能会尽量保持这些组件的松散耦合，并让它们在需要时获取它们的数据。
查看VueJS的生命周期挂钩，以了解如何连接到发生在组件上的任何生命周期事件；这些钩子允许您在需要时立即获取数据(请阅读:一旦组件创建/挂载/随您所需)：https://v2.vuejs.org/v2/api/#Options-Lifecycle-Hooks
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44743411
复制相关文章
相似问题
腾讯云开发者
