JSFiddle - React, Tailwind, and code Playground

by Peter Korgaard

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.3/vue.js"></script>
<div id="app">
  <myComponent></myComponent>
</div>

CSS

.active {
  color: red;
}

JavaScript

Vue.component("myComponent", { 
	template: "<div v-class='"active": isactive'>I'm red when active</div>,
  data: {
  	return {
    	
    }
  },
  props: {
  	toggleme: {
    	type: Function,
      required: true
    },
    isactive: {
    	type: Boolean,
      required: true
    }
  },
  
  
});

new Vue({


});