实现购物车的全选、单选、总价

效果展示

---

让我们步入正题，往下看

index.html

v-for循环data下的goodsList数据进行数据渲染。一定要引入vue.js组件

全选：

在全选的input中绑定checked属性为isCheckedAll，在计算属性中isCheckedAll函数是操作goodsList数据下的isChaecked每一项为true时，input框都为true。

反选：

来一个点击事件为chang，在methods中操作。var一个flag来对计算属性中的isCheckedAll方法进行取反，在forEach循环时设置isCheacked=flag

删除：

绑定一个del点击事件，传入index参数作为goodsList下标，对数据进行循环使用splice对点击的商品下标进行删除

<div id="app">
       <h1>商场购物车</h1>
       <div><input type="checkbox" :checked='isCheckedAll' @click='chang'>:全选</div>
       <div v-for='(good,index) in goodsList'>

           <input type="checkbox" v-model='good.isChecked'>

           商品名称：<span v-text='good.title'></span>

           单价：<span v-text=&