data basestats pokemon

con vuejs

by femfoyou

HTML

<div id="app">

<input type="text" v-model="buscar" />
<ul>
	<li v-for="poke in pokemons | filterBy buscar">{{poke.name}}</li>
</ul>
<ul>
	<li v-for="mov in moves | filterBy buscar">{{mov.name}} - {{mov.type}}</li>
</ul>
<h1>{{mov.type}}</h1>
</div>

<pre>
{{ $data | json }}
</pre>

CSS

input {display: block;
margin: 10px;}

JavaScript

var urlApi = 'https://cdn.rawgit.com/Rplus/358fd8f680dd2d5945c80826dfcdd599/raw/b97cfb0cccf61a119b521f43df4d449fc0eaa5f2/baseStats.json';
//var urlApi = 'http://beta.json-generator.com/api/json/get/NJgDCo43G';

new Vue({
  el: '#app',

  created: function(){
  	this.consultarApi();
  },

  data: {
    pokemons: [],
    moves: []
  },

  methods:{
  	consultarApi: function(){
  		this.$http.get(urlApi)
  			.then(function(respuesta){
  				this.pokemons = respuesta.data.pokemon;
  				this.moves = respuesta.data.moves;
  				//console.log(respuesta);
  			})
  	}
  },
})