JSFiddle - React, Tailwind, and code Playground

by Oli Gustafsson

HTML

<script type="text/x-template" id="my-component">
<div>
	{{ moo() }}
</div>
</script>


<div id="app">
  <my-component></my-component>
</div>

JavaScript

var myComponent = Vue.component('my-component', {
  template: '#my-component',
  methods: {
    moo: function() {
      console.log("moo")
      return "Mooo"
    }
  }
})

var vm = new Vue({
  el: '#app',
  components: {
    myComponent: myComponent
  }
})