JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.3/vue.js"></script>
<script src="https://unpkg.com/vue-router@2.0.0-rc.7"></script>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vuex/2.0.0/vuex.js"></script>
<div id="app">
  <div class="col-lg-2" v-for="pic in pets">
    <img :src="'https://s13.postimg.org/' + pic + '.png'"  v-bind:alt="pic"> 
  </div>
  <span>pets: {{pets}}</span>
</div>

JavaScript

/* ----- Store ----- */
const state = {
  pets: []
};

const mutations = {
  SET_PETS (state, response) {
		console.log("SET_PETS")
    state.pets = response;
  }
};

const actions = {
 FETCH_PETS: (state) => {
 	  setTimeout(function() { 
      var err = true    
			if(err){
      	this.$router.push({path:"/"})
      }
    }, 1000)
 }
}

const store = new Vuex.Store({
  state,
  mutations,
  actions
});

Vue.use(VueRouter)

new Vue({
  el: '#app',
  store,
  data() {
    return {
    }
  },
  beforeMount() {
        this.$store.dispatch('FETCH_PETS')
  },
  computed:{
      pets(){
        return this.$store.state.pets
      }
    }
 });