资源

你可以使用全局的Vue.resource或者在一个Vue实例内部使用this.$resource发起一个Resource请求。

方法

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

默认操作

  1. get: {method: 'GET'},
  2. save: {method: 'POST'},
  3. query: {method: 'GET'},
  4. update: {method: 'PUT'},
  5. remove: {method: 'DELETE'},
  6. delete: {method: 'DELETE'}

例子

  1. {
  2.   var resource = this.$resource('someItem{/id}');
  4.   // GET someItem/1
  5.   resource.get({id: 1}).then((response) => {
  6.     this.$set('item', response.json())
  7.   });
  9.   // POST someItem/1
  10.   resource.save({id: 1}, {item: this.item}).then((response) => {
  11.     // success callback
  12.   }, (response) => {
  13.     // error callback
  14.   });
  16.   // DELETE someItem/1
  17.   resource.delete({id: 1}).then((response) => {
  18.     // success callback
  19.   }, (response) => {
  20.     // error callback
  21.   });
  22. }

自定义操作

  1. {
  2.   var customActions = {
  3.     foo: {method: 'GET', url: 'someItem/foo{/id}'},
  4.     bar: {method: 'POST', url: 'someItem/bar{/id}'}
  5.   }
  7.   var resource = this.$resource('someItem{/id}', {}, customActions);
  9.   // GET someItem/foo/1
  10.   resource.foo({id: 1}).then((response) => {
  11.     this.$set('item', response.json())
  12.   });
  14.   // POST someItem/bar/1
  15.   resource.bar({id: 1}, {item: this.item}).then((response) => {
  16.     // success callback
  17.   }, (response) => {
  18.     // error callback
  19.   });
  20. }