在Vue中一般这样使用loading状态

getData(){
    this.loading = true;
    get(api).then(res => {
        this.data = res;
        this.loading = false;
    })
}

但在vuex的action中如何使用，下面例子使用了一个公共的loading发现不行，loading状态应该是局部的，那么如何在vuex中控制loading状态？

  const actions = {
  getProductInfo({commit}){
    commit(types.LOADING, true)
    api.xxx()
      .then(res => {
        commit(types.PRODUCTINFO, res.data)
        commit(types.LOADING, false)
      })
  },