为什么组件数据都传seller

Question

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

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 还是带着写的，写的时候也可以参考源码，有具体的问题就来问答区提问。