Interpolate CSS with Vue.js

by yyx990803

HTML

<script src="http://vuejs.org/js/vue.min.js"></script>
<input type="range" min="1" max="100" v-model="size">
<h1>Hello</h1>
    
<p><a href="http://vuejs.org">Vue.js</a></p>

CSS

h1 {
    font-size: {{size}}px;
}

JavaScript

var app = new Vue({
    el: 'html',
    data: {
        size: 15
    }
})