vue全家桶（4.1）

ul{margin:0;填充：0；宽度：280px；border:1px纯黑色;}5.状态管理#5.1。兄弟组件之间共享数据的问题？首先，我们需要了解如何在兄弟组件之间共享数据，以完成以下需求：1.点击按钮更改商品数量2.点击添加到购物车，在购物车的div框中，它是显示当前可用产品数量所必需的。本案例目录结构：核心代码：GoodsDemo.vueul{margin:0;填充：0；宽度：280px；border:1px纯黑色;}GoodsItem.vueli{list-style:none;}liimg{width:280px;}lip{text-align:center;}.btn{background-color:red;width:150px;color:white;padding:8px;border-radius:8px;display:块；边距：8pxauto;}liinput{color:black;}ShoppingCar.vue.goods{背景颜色：绿色；宽度：250px;padding:16px;color:white;}.goodsspan{color:red}从上面的代码来看数据是如何传输的1.当用户点击了添加到购物车的按钮时GoodsItem组件，此时需要获取商品的数量（num），然后传递给父组件GoodsDemo2，父组件获取子组件传过来的数据（num）更新goods_num3上的变量本身，并将goods_num的数据传递给子组件ShoppingCar