JSFiddle - React, Tailwind, and code Playground

by hunterliu

HTML

<table id="app">
  <tr is="my-row"><tr>
	<tr is="my-row"><tr>
	<tr is="my-row"><tr>
	
	<my-row></my-row>
	<my-row></my-row>
	<my-row></my-row>
</table>

JavaScript

Vue.component('my-row', {
	template: '<tr>{{item}}</tr>',
	data() {
		return {
			item: 'A'
		}
	}
});

const vm = new Vue({
	el: '#app'
})