Django开源知识总结（十六）

开源web框架django知识总结（十六）

商品列表页

前端页面简单分析：

1、html

对 list.html 和 user_center_info.html 两个文件进行对比，重点关注其在使用方式上的差异

    欢迎您：<em>[[ username ]]</em>
    欢迎您：<em>{{ username }}</em>
    
    
      
      
    

2、js

Vue中的computed属性

个人的理解如下：

• computed用于追踪用户自定义的变量，这些变量并不在data中进行声明，而是直接在computed中定义，之后可以在页面上实现数据的双向绑定，展示结果或用于其他处理；
• computed适用于对多个变量或对象进行操作后返回一个结果值的情况。当多个变量中的某一个发生变化时，所监控的这个值也会随之变化。例如，在购物车场景中，商品列表与总金额之间存在关联。只要商品列表中的商品数量发生改变，无论是增加、减少还是删除商品，总金额都应随之变化。在这种情况下，使用computed属性来计算总金额是最为理想的选择。

与watch之间的区别：

起初常常难以区分何时使用watch以及何时使用computed。以下是对两者的理解：

• watch主要用