JSFiddle - React, Tailwind, and code Playground

by Saurabh Mimani

HTML

<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>
<script src="https://unpkg.com/[email protected]/dist/vue-resource.min.js"></script>
<div id="app">
  <span v-if="foo">
  {{ foo == 'bar' ? 'Favourite' : 'Unfavourite' }}
  </span>
</div>

JavaScript

new Vue({
  el: '#app',
  mounted() {
    this.fetchData();
  },
  methods: {
    fetchData() {
      this.$http.get('/echo/json/').then(function(response) {
        this.foo = 'bar';
      });
    }
  },
  data: {
    foo: ''
  }
});