JSFiddle - React, Tailwind, and code Playground

by gol ngaz²

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.3/vue.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="app"></div>

<div id="template" style="display:none">
    <div class="root">
      <input id="ok1" v-model="msg" /><br />
      <Composant :value="msg"></Composant>
   </div>
</div>

JavaScript

template = document.getElementById('template').innerHTML;


Composant = {
	template: '<input style="background-color:red;" v-model="value">coucou yoi',
  
  props: {
  	value: String
  }
}

var vm = new Vue({
	el: '#app',
  
  components: {
  	Composant: Composant
  },
  
  template: template,
  
  mounted: function () {
  		self = this;
  },

  data () {
  	return {
    	msg: 'ok1'
    }
  },
  
  methods: {
  	
  }
});