老师可以简要讲一下这里购物车双向绑定的实现思路么
来源:2-4 详情页-购物车(4)
vivi_li
2020-06-23 18:25:30
老师可以简要讲下这里双向绑定的实现思路么
1回答
同学你好,问题解答如下:
进入详情页后,会获取所有的数据,然后将数据保存在全局window下(数据是对象形式),如下:

然后利用该数据,渲染左侧列表,并在每一个列表上,绑定它们对应的数据;点击左侧,会将数据传给右侧,然后渲染右侧结构,同样,右侧结构上也绑定了它们对应的数据。右侧操作数据时,会获取它们身上绑定的数据,然后修改它们,这样就会同步更改全局中的数据,如下:

然后底部购物车也是利用全局中的数据,随时更新自身数据与结构:

这样就形成了数据联动。
如果我的回答帮到了你,欢迎采纳,祝学习愉快!
相似问题