Как правильно реализовывать обращение к API в Vue.js?

Как правильно реализовать отношения с API в Vue.js?

Написал небольшое API которое сохраняет данные в БД. Следовательно, отрывок кода из компонента страницы регистрации пользователя:

onNewUser () {
   const user= {
           id: null,
           login: this.login,
           email: this.email,
           password: this.pass,
   }
   this.$store.dispatch('createUser', user)
}

В store добавляет юзера в state но в шине(vuex) нельзя использовать vur-resource следовательно нельзя от туда обращаться с серверу как например:

this.$http.post('http://test-api.com/methods/user/user.ad.php', {user: userPayload})

в файле:

mutations: {
    createUser: function(state, userPayload) {
      state.products.push(product)
      // По логике тут нужно обращение к API что бы сохранить пользователя в БД, но vuex не позволяет это сделать.
    }
  },
  actions: {
    createUser: function({commit}, userPayload) {
      commit('createUser', userPayload)
    }
  },

А использовать такую конструкцию в каждом компоненте в котором необходимо какое либо обращение к API неправильно. Как быть?