Vue

by FrOnDaL

HTML

<div id="app">
  <div class="box" :style="{backgroundColor : color}"></div>
  <div class="box" :style="[costumStyle, height_gg]"></div>
  <div class="box" :style="[height_gg, {width : height + 'px'}]"></div>
  <hr>
  <input type="text" v-model="color">
  <input type="text" v-model="height">
</div>

CSS

.box{
  width : 100px;
  height : 100px;
  display : inline-block;
  margin-right : 5px;
  margin-top : 5px;
  margin-left : 5px;
  background-color : gray;
}

Vue

new Vue ({
	el : "#app",
  data : {
  	color : "green",
    height : "100"
  },
  computed : {
  	costumStyle : function(){
    	return {
      	backgroundColor : this.color,
      }
    },
    height_gg : function(){
    	return {
      	height : this.height + "px"
      }
    }
  }

});