JSFiddle - React, Tailwind, and code Playground

by furiblog

HTML

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<div id="app">
  <p :style="[styleObject, boldStyle]">Hello World!</p>
</div>

JavaScript

new Vue({
  el: '#app',
  data: {
    styleObject: { 
      color: 'red',
      'background-color': 'green'
    },
    boldStyle: {
      'fontWeight': 'bold'
    }
  }
});