JSFiddle - React, Tailwind, and code Playground

by nachocab

HTML

<div id="app">
  <audio controls>
    <source v-bind:src="track">
    Your browser does not support the audio element.
  </audio>
  <button @click="toggleTrack">Click and Inspect</button>
 </div>

JavaScript

Vue.component('audio')
new Vue({
	el: '#app',
  data: {
  	track: 'foo.mp3'
  },
  methods: {
  	toggleTrack() {
    	this.track = this.track === 'foo.mp3' ? 'bar.ogg' : 'foo.mp3'
    }
  }
})