JSFiddle - React, Tailwind, and code Playground

by AldoRomo88

HTML

<body>


<div id="app">
<field val="2"></field>
</div>

<template id="tpl-field">


<transition>
<template v-if="val=='1'" ><p key="First">First option</p></template>
<template v-else ><p key="Second">Second option</p></template>
</transition>
</template>

</body>

JavaScript

Vue.component("field",{
template:"#tpl-field",
props: ['val']
});

var vm=new Vue({
        el: '#app',
        data: {}

    });