JSFiddle - React, Tailwind, and code Playground

by asemahle

HTML

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.js"></script>
<div id="app">
  
  <div v-el:element></div>
  
</div>

JavaScript

var app = new Vue({
  el: '#app',
  created() {
    $('#app').append('<div>CREATED: Does $els.element exist? ' + (this.$els.element != null ? 'YES!' : 'NO!') + '</div>');
  }, 
  ready() {
  	$('#app').append('<div>READY: Does $els.element exist? ' + (this.$els.element != null ? 'YES!' : 'NO!' + '</div>'));
  }
})