resource.md

Resource

The resource service can be used globally Vue.resource or in a Vue instance this.$resource.

Methods

• resource(url, [params], [actions], [options])

Default Actions

get: {method: 'GET'},
save: {method: 'POST'},
query: {method: 'GET'},
update: {method: 'PUT'},
remove: {method: 'DELETE'},
delete: {method: 'DELETE'}

Example

new Vue({

    ready() {

      var resource = this.$resource('someItem{/id}');

      // GET someItem/1
      resource.get({id: 1}).then((response) => {
          this.$set('item', response.json())
      });

      // POST someItem/1
      resource.save({id: 1}, {item: this.item}).then((response) => {
          // success callback
      }, (response) => {
          // error callback
      });

      // DELETE someItem/1
      resource.delete({id: 1}).then((response) => {
          // success callback
      }, (response) => {
          // error callback
      });

    }

})

Custom Actions

new Vue({

    ready() {

      var customActions = {
          foo: {method: 'GET', url: 'someItem/foo{/id}'},
          bar: {method: 'POST', url: 'someItem/bar{/id}'}
      }

      var resource = this.$resource('someItem{/id}', {}, customActions);

      // GET someItem/foo/1
      resource.foo({id: 1}).then((response) => {
          this.$set('item', response.json())
      });

      // POST someItem/bar/1
      resource.bar({id: 1}, {item: this.item}).then((response) => {
          // success callback
      }, (response) => {
          // error callback
      });

    }

})