传值问题（页面，组件）

vue父组件异步获取数据传给子组件
https://blog.csdn.net/dongguan_123/article/details/80317871
下面这个更加直观一点

https://segmentfault.com/q/1010000013345427

下面来看我操作

this.axios.get('api/goods').then((res) => {
  this.recommends = res.data.data.info
   console.log(res.data.data.info)
 }, function(err) {
     console.log(err)
 })
 this.axios.get('api/getgoods').then((res) => {
   this.skuArr = res.data.data.data
   console.log(res.data.data.data)
 }, function(err) {
     console.log(err)
 })

打印一下

给子组件传数据

<Food :skuArr = "skuArr"></Food>

data() {
    return {
      skuArr: []
    }
  },

子组件

props: {
    skuArr: {}
  },

<div class="sku_specification2 choose_sku2">
    <div v-for="(item,n) in skuArr.skuList" :key="n">
         <p class="sku_title2 margin_bottom">{{item.name}}</p>
     </div>
 </div>

这里111是我获取的数据

哝，对比一下

我发现，我前面一直想错了，其实是在点击时候再去发起请求，这样数据就是直接在子组件里面的点击事件里面请求 了，亲测这样是可以实现的，现在的问题是，我之前在登录页面提交的数据是通过路由传到下一个页面的，但是师傅告诉我，尽量不要携带参数上去，那我就再学习一下怎么保存值传到下一个页面吧。