<div id="app">
<div :style="styleObj">這是一個內容</div>
</div>.bigFontSize {
font-size: 30px;
}
.bgColor {
background-color: red;
}
.FontColor {
color: #fff;
}
.btn {
padding: 10px 20px;
border-radius: 5px;
border:1px solid transparent;
font-size: 2rem;
}
.btn:hover {
cursor: pointer;
}
.btn-primary {
background-color: #0d6efd;
border:1px solid #0d6efd;
color: #fff;
}
;(function(){
let vm = new Vue({
el: '#app',
data: {
styleObj: {
color: '#fff',
fontSize: '30px',
'background-color': 'blue'
}
}
})
})()
External CSS
This Pen doesn't use any external CSS resources.