如上图展示，要实现这样一个列表展示的功能，并且可以动态添加、减少、移除列表项，总价实时变化。

基于这样一个前端的页面需求，可以用三种方式来实现。

主要思想就是先把html布局好，设置多行，在行上的列元素上封装点击事件，然后再在js的部分定义点击的事件。在点击事件的方法内实现数据的交互，代码如下：