Trabajando con datos externos

4.1 Axios (https://github.com/mzabriskie/axios)

Axios es un cliente HTTP para node.js y navegadores, con soporte para la API Promise. Es una librería simple y altamente configurable, inspirada en el servicio $http de angular.

También es posible utilizar vue-resource (https://github.com/pagekit/vue-resource).

Utilizaremos axios para consumir la API web (https://github.com/jsnoriegam/dotnetmovies2.git).

4.1.1 Métodos (API de Axios)

axios(config)

axios({
  method: 'put',
  url: '/user/12345',
  data: {
    firstName: 'Pedro',
    lastName: 'Picapiedra'
  }
});

Métodos abreviados

axios.request(config)

axios.get(url[, config])

axios.delete(url[, config])

axios.head(url[, config])

axios.options(url[, config])

axios.post(url[, data[, config]])

axios.put(url[, data[, config]])

axios.patch(url[, data[, config]])

Para mas información sobre la API de axios ir a: (https://github.com/mzabriskie/axios/blob/master/README.md)

4.1.2 Promesas

Las llamadas a axios retornan promesas (https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Objetos_globales/Promise) por lo tanto para obtener los resultados de una petición debemos utiliar los métodos establecidos por dicha API ej.

axios.post('/user', {
  firstName: 'Pedro',
  lastName: 'Picapiedra'
})
.then(function (response) {
  console.log(response);
})
.catch(function (error) {
  console.log(error);
});