JSFiddle - React, Tailwind, and code Playground

by dmarko484

HTML

<script src="https://rawgit.com/yyx990803/vue/dev/dist/vue.js"></script>
<div id="app">
    <input  v-model='lastname' /> <br />
    <div>OK:<p1   name='{{lastname}}' v-if="lastname=='show'" /></div>
    <br /><br />
    <div>DOESNT WORK:  <p1   name='{{lastname}}' v-if="name=='show'" /></div>
</div>

JavaScript

new Vue({

    el: '#app',
    
    data: { lastname:'' },
    
    components :{
        p1:{
            props: ['name'],
            template: "my component value: {{ name }}"
        }
    }
    
});