django开发电子商城（十二）购物车页面以及vue框架

1：下载vue.js，并引入该框架

2：确定控制的模块范围，并传入模拟数据

3：找到指定控制的函数，通过vue的for循环，将数据（商品的名称和商品的价格）渲染出来

4：修改CSS文件和JS文件的引入地址

在地址栏中输入：file:///C:/code/website/firstapp/templates/course_shopcart.html（HTML文件所在的绝对地址），运行结果如下：

5：利用v-model给input输入框绑定数据

6：渲染小计金额的显示

7：编辑页面，实现“—”和“+”的功能

8：设置是否默认选中

9：增加是否全选的判断

10：利用set和get属性，设置全选和反选的功能