<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">这里是蓝色字体！</div>
<br>
<!-- 绑定多个class -->
<div v-bind:class="[blue, center]">这里是居中的蓝色字体！</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>
网页如下：
