<body id=app>
<style type="text/css">
.blue_font {color: blue}
.center {text-align:center;}
#green_font {color: green}
</style>
<!-- 綁定style -->
<div v-bind:style="{ fontSize: size + 'px' }">這里是20px的字體！</div>
<br>
<!-- 綁定class -->
<div v-bind:class="blue">這里是藍(lán)色字體！</div>
<br>
<!-- 綁定多個class -->
<div v-bind:class="[blue, center]">這里是居中的藍(lán)色字體！</div>
<br>
<!-- 綁定id -->
<div v-bind:id="green">這里是綠色字體！</div>
<script>
var vm = new Vue({
el: "#app",
data: {
size: 20,
blue: 'blue_font',
green: 'green_font',
center: 'center'
},
})
</script>
</body>
網(wǎng)頁如下：
