vue基于better-scroll制作左右联动滑动页面

界面如下：

vue模板

//也可以不用计算属性，直接在data中定义currentIndex，改动时赋新值，那页面自然跟着更新

state.js

goods: [], // 商品列表

action.js

//异步获取商品列表
    async getShopGoods ({commit}, callback) {
        const result = await reqShopGoods();
        const goods = result.data;
        commit(RECEIVE_GOODS, {goods});
        callback && callback();
    }

mutation.js

[RECEIVE_GOODS](state, {goods}) {
    state.goods = goods
  }