Recipe how to build Grid and CRUD functionality over resource in Vue.js 2 application

I want to introduce a recipe how to manage resources in vuejs application version 2.

Good for admin part of the app.
Say we have a resource which we can manage via Restful api.
This recipe show a quick way to :

  • show these resources in the Grid
  • Grid has sorting, filtering, paginating functionality
  • We load from the server only resources needed to display current pagination page. Fit for situations when we have loads of resources.
  • Easy to fit to your own resources, many details could be overridden
  • Module state for each resource dwells in the separate vuex module
  • CRUD functionality for resource