You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
# COMO USAR AXIOS PARA LLAMAR A REST# Las siguientes lineas van dentro de script y de export default en cada componentedata () {
return {
clientid: null
}
},
mounted () {
this.$http.get('http://localhost:3000/clients')
.then(response => (this.info = response.data[0].clientid))
}
# Como mostrarlo en el HTML (En este caso devuelve el id del primer cliente)
{{ clientid }}
#NOTAS
- No siempre debe ir dentro de mounted, esto se ejecuta al montar el componente
- Cuando se quiera lanzar a voluntad se usarán funciones que se declaran a continuación de data() usando methods de la siguente forma:
mothods: {
unaFuncion() {
this.$http.post('http://localhost:3000/clients', {
name: 'Carlos',
lastname: 'Roca',
email: '[email protected]',
clientname: 'croca',
password: 'alguna',
verified: 'F',
avatar: 'foto.png',
birthday: '10-03-1998'
}).then(console.log('Done'))
}
}
- Para llamar al metodo podemos hacer uso de lo siguiente:
<button v-on:click="unaFuncion">Enviar</button>