购物车--计算购物车价格
1、计算属性--只要被依赖的数据 发生变化,结果就会变化
2、全选实现
根据选项,动态计算出布尔值,通过计算属性 得到布尔值:
通过every遍历数组list,只要所有 都满足 item => item.goods_state === true 这个条件,
返回的就是true,有一个不满足 就返回false
省略写法
3、父传子:把全选状态 从父组件 传递给 子组件:先在子组件 定义(用props接收),再从父组件传值
3.1、先 在子组件中 定义,
3.2、再从父组件传值
子传父:
1、在子组件中 通过自定义事件 拿到复选框 最新的状态,
2、把状态 通过$emit 发给子组件
3、在父组件中监听 这个自定义事件,拿到监听的状态,循环里面的每一项,把实际状态改成监听的状态
子组件:
父组件: