JSFiddle - React, Tailwind, and code Playground

by rich_harris

HTML

<main>
  <foo :num='5'></foo>
</main>

Babel + JSX

var Foo = Vue.extend({
  template: `twice {{foo}} is {{double(foo)}}`,
  data: () => ({
    foo: 5
  })
});

Vue.component( 'foo', Foo );

var vm = new Vue({
	el: 'main',
  methods: {
    double: x => x * 2
  }
});