Manipulating Styles in Vue.js

Manipulating Styles in Vue.js

by shivkumarganesh

HTML

<div id="app">
  <h3>
  Managing/Binding Styles in Vue.js
  </h3>
  
<hr>
</div>

CSS

.bgColor {
  background-color: olive;
}

.border {
  border: 1px solid red;
}

.shadow {
  box-shadow: 0px 14px 10px lightgrey;
}

.rounded {
  border-radius: 20%;
}

.dimensions {
  height: 90px;
  line-height: 90px;
  text-align: center;
}

JavaScript

var app = new Vue({
  el: '#app',
  data: {
    
  }
});