JSFiddle - React, Tailwind, and code Playground

by kurotanshi

HTML

<script src="https://unpkg.com/vue@next"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
<div id="app">
  VM1: <input type="text" v-model="name">
</div>

<!-- vm2 -->
<div id="app2">
  VM2: <input type="text" v-model="name">
</div>

CSS

#app, #app2{
  position: relative;
  display: block;
  padding: 1rem;
  font-size: 1rem;
}

JavaScript

const dataObj = {
  name: '08JS'
};

const vm1 = Vue.createApp({
  data () {
    return dataObj
  },
}).mount('#app');

const vm2 = Vue.createApp({
  data () {
    return dataObj
  },
}).mount('#app2');