JSFiddle - React, Tailwind, and code Playground

by Saurabh Mimani

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.4/vue.js"></script>
<div id="app">
  <h1>
  Following is selectedSubcat component
  </h1>
  <test :selected-subcat="selectedSubcat"></test>
</div>

<template id="test">
  <div>
    <span>selectedSubcat: {{selectedSubcat}}</span>
  </div>
</template>

JavaScript

Vue.component('test', {
	props: [
  	'selectedSubcat'
  ],
  template: '#test',
  methods: {
  }
})

new Vue({
	el: '#app',
  data: {
    selectedSubcat: 1
  },
  methods: {
  },
})