为什么组件数据都传seller

Question

tabs() {
  return [
    {
      label: '商品',
      component: Goods,
      data: {
        seller: this.seller
      }
    },
    {
      label: '评论',
      component: Ratings,
      data: {
        seller: this.seller
      }
    },
    {
      label: '商家',
      component: Seller,
      data: {
        seller: this.seller
      }
    },
  ]
}

不是很明白，为什么组件的data都传了seller？代码如上，O(∩_∩)O谢谢~

Answer 1

ustbhuangyi 2019-07-03 10:21:11

因为是商家的数据，所以使用了 seller 这个 key，而外层的 data 是传递给动态组件的数据。

为什么要包一层 seller，而不直接使用 data，是因为这种数据结构有很灵活的扩展性，假设未来你要传递给这些动态组件的数据不仅仅是商家数据，那么就可以添加一些 key 动态扩展数据。

• 慕桂英1672925 #1

  黄老师你好，我是之前从网上下的盗版的您的饿了么的视频，后来发现有点老了，所以就购买了最新版的，但是看最新版的视频发现一个问题就是，里面的代码好多都是已经写好了的，您没有从头开始一点点儿写出来，所以我现在的感觉就是跟不上进度，听起来有点儿费力，不知道如何是好

• ustbhuangyi 回复 慕桂英1672925 #2

  建议过一遍一期视频，再跟着二期视频做一遍，二期视频只有 css 和布局部分是写好的，JS 还是带着写的，写的时候也可以参考源码，有具体的问题就来问答区提问。