为什么组件数据都传seller

来源：4-3 tab 组件抽象和封装

慕标赏嗨

2019-07-03

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谢谢~

写回答

1回答

ustbhuangyi

2019-07-03

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