JSFiddle - React, Tailwind, and code Playground

by Samuel Fullman

HTML

<div id="instance1">
    {{ name }}
    </div>
    <div id="instance2">
    {{ name }}
    </div>
    <my-component id="some-element"></my-component>

JavaScript

new Vue({
      el: '#instance1',
      data: {
        name: 'Sammy',
      }
    });

    new Vue({
      el: '#instance2',
      data: {
        name: 'Bobby',
      }
    });

    Vue.component('my-component', {
      data: function(){
        return {
          name: 'Mark',
        }
      },
      template: '<div>Hello: {{ name }}</div>',
    });