小程序商城项目六

10. 加入购物车

10.1 为加入购物车按钮绑定单击事件处理函数

1. 为 加入购物车 按钮，绑定单击事件处理函数：

   <van-goods-action-button text="加入购物车" type="warning" bind:click="addToCart" />

2. 在 methods 中定义对应的事件处理函数：

   // 点击按钮，把商品添加到购物车列表中
   addToCart() {
     // 获取到当前商品的所有信息
     console.log(this.goodsInfo)
     // 提示用户加入购物车成功
     wepy.showToast({
       title: '已加入购物车',
       icon: 'success'
     })
   }

10.2 在app.wpy中定义全局共享的数据和方法

1. 在 globalData 中，定义全局的购物车列表：

   // 专门存储全局共享的数据
   // 只需要通过 this.$parent.globalData 就可以拿到这个全局共享的数据对象
   globalData = {
     // 全局的购物车列表
     cart: []
   }

2. 和 globalData 平级，定义全局可调用的函数：

   test() {
       console.log('ok')
   }

3. 在每个小程序页面中，可通过 this.$parent 访问全局的数据或函数：

   // 点击按钮，把商品添加