简单的VUE购物车应用

简单的VUE购物车应用

这个项目主要运用了Vue的双向数据绑定，是一个很基础的小项目

---

---

前言

v-model的重要性不言而喻，双向数据绑定使得项目更加灵活简洁，通过Vue中的表单控件来模拟购物车的全选和全不选，商品添加和删除，以及价格结算等功能。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、项目实例

注意：此阶段未引入任何样式，后续将会补充完成。

二、实现步骤

1.简单布局

代码如下（示例）：

	<div id="vm">

        <!--全选与全不选-->
        <input type="checkbox" @change="handleChange()" v-model="isAllChecked" />

        <ul>
            <li v-for="(data,index) in dataList">
                <!--一定注意这里的Value是动态绑定，所以用:value，一般Value值动态绑定的就是整个数据对象，也可以是它的某个属性值-->
                <input type="checkbox" @change="handleLiChange()" v-model="boxGroup"