vue json raids

by femfoyou

HTML

<table>
<thead><tr><th v-for='rai in boss'>{{rai.RaidBoss}}</th></tr></thead>
<tbody><tr><td v-for='rai in boss'>{{rai.BossCP}}</td></tr></tbody>
</table>

CSS

table {border-collapse: collapse;margin: 0 auto;}
table, th, td {border: 1px solid;
padding: 5px; font-family: arial;text-align: center;}

JavaScript

var raids = [
  {
    "Tier": 1,
    "idRaid": 129,
    "RaidBoss": "Magikarp",
    "BossCP": 1165,
    "Min CP": 104,
    "MaxCP": 125,
    "pokeAtac1": "Jolteon",
    "quick1": "Impactrueno",
    "charge1": "Rayo",
    "pokeAtac2": "Magneton",
    "quick2": "Chispa",
    "charge2": "Electrocañón",
    "pokeAtac3": "Raichu",
    "quick3": "Chispa",
    "charge3": "Voltio Cruel"
  },
  {
    "Tier": 1,
    "idRaid": 153,
    "RaidBoss": "Bayleef",
    "BossCP": 4375,
    "Min CP": 689,
    "MaxCP": 740,
    "pokeAtac1": "Flareon",
    "quick1": "Giro Fuego",
    "charge1": "Sofoco",
    "pokeAtac2": "Arcanine",
    "quick2": "Colmillo Ígneo",
    "charge2": "Llamarada",
    "pokeAtac3": "Charizard",
    "quick3": "Giro Fuego",
    "charge3": "Sofoco"
  },
  {
    "Tier": 1,
    "idRaid": 156,
    "RaidBoss": "Quilava",
    "BossCP": 5085,
    "Min CP": 793,
    "MaxCP": 847,
    "pokeAtac1": "Rhydon",
    "quick1": "Bofetón Lodo",
    "charge1": "Terremoto",
    "pokeAtac2": "Golem",
    "quick2": "Lanzarrocas",
    "charge2": "Roca Afilada",
    "pokeAtac3": "Donphan",
    "quick3": "Contraataque",
    "charge3": "Terremoto"
  },
  {
    "Tier": 1,
    "idRaid": 159,
    "RaidBoss": "Croconaw",
    "BossCP": 5207,
    "Min CP": 857,
    "MaxCP": 913,
    "pokeAtac1": "Jolteon",
    "quick1": "Impactrueno",
    "charge1": "Rayo",
    "pokeAtac2": "Magneton",
    "quick2": "Chispa",
    "charge2": "Electrocañón",
    "pokeAtac3": "Raichu",
    "quick3": "Chispa",
    "charge3": "Voltio Cruel"
  },
  {
    "Tier": 2,
    "idRaid": 89,
    "RaidBoss": "Muk",
    "BossCP": 12269,
    "Min CP": 1474,
    "MaxCP": 1548,
    "pokeAtac1": "Rhydon",
    "quick1": "Bofetón Lodo",
    "charge1": "Terremoto",
    "pokeAtac2": "Golem",
    "quick2": "Lanzarrocas",
    "charge2": "Roca Afilada",
    "pokeAtac3": "Alakazam",
    "quick3": "Confusión",
    "charge3": "Premonición"
  },
  {
    "Tier": 2,
    "idRaid": 103,
    "RaidBoss": "Exeggutor",
    "BossCP": 13839,
   ...