JSFiddle - React, Tailwind, and code Playground

by cheongjin kim

HTML

<script src="https://unpkg.com/vue"></script>

<div id="app">
  <div class="element" v-bind:style="getSize">
  
  </div>
</div>

CSS

.element {
  border:1px solid black;
}

JavaScript

new Vue({
	el: '#app',
  data: function () {
    return {
      width:200,
      height:300
    }
  },
  computed: {
  	getSize: function() {
    	return 'width:' + (this.width==0?'0;': this.width + 'px;') + 'height:' + (this.height==0? '0;': this.height + 'px;')
    }
  }
})