js代码:
<body>
<div id="app">
<div v-for="n in 9"
v-bind:class="n%2===0?'yellow':'pink'"
>
<b v-for="m in n"
>
{{m}}*{{n}}={{m*n}}
</b>
</div>
</div>
</body>
<script src='../base/vue.js'></script>
<script type="text/javascript">
new Vue({
el:'#app',
})
</script>
css样式:
.yellow{
background:yellow;
}
.pink{
background:pink
}
效果展示: