JSFiddle - React, Tailwind, and code Playground

HTML

<div id="application">
    <vm-test v-if="active"></vm-test>
    <div @click="toggle()">toggle</div>
</div>

JavaScript

Vue.component('vm-test', {
		template: '<div>test</div>'
});

var vm = new Vue ({
		el: "#application",
    data: function() {
    	return {
				active:true
      }
    },
    methods: {
    	toggle: function() {
				this.active = !this.active;
			}
    }
})