Users.vue

<template>
<div>
  <form @submit.prevent="addUser">
    <input type="text" v-model="form.name" />
    <button type="submit">Add user</button>
  </form>
  <ul>
    <li :key="user.id" v-for="user in users">{{user.name}}</li>
  </ul>
</div>
</template>

<script>
import {mapState} from "vuex";

export default {
  data () {
    return {
      form: {}
    }
  },
  created () {
    this.setUsers();
  },
  methods: {
    setUsers () {
      // Запрашиваем юзеров, устанавлием стейт entities.users = [<User>, ...]
      this.$store.dispatch("entities/query", {
        name: "users",
        resource: this.$api.User.query
      });
    },
    async addUser () {
      await this.$store.dispatch("entities/query", {
        name: "users",
        resource: this.$api.User.create,
        params: this.form
      });
      this.form = {};
      alert("User was successfully added");
    }
  },
  computed: {
    ...mapState({
      users: (state) => state.entities.users
    })
  }
}
</script>