Vue.js 3.x中使用监听器设计购物车效果


本节将使用监听器设计购物车效果,这个购物车需要满足以下需求:

1 )当用户每次修改预购买商品名称的时候,都需要清空购买数量。

2 )对购物车数据进行侦听,每次单击“加入购物车”按钮,会显示商品名称和数量。

 

【例7.5 】设计购物车效果(源代码\ch07\7.5.html )。


      
商品名称:
      减一个            购买数量{{count}}       加一个       加入购物车                   {{item.name}}  x{{item.count}}       

Chrome 浏览器中运行程序,输入商品名称后多次单击“加一个”按钮,然后单击“加入购物车”按钮,结果如图7-8 所示。




请使用浏览器的分享功能分享到微信等