1和之前不同,這里我們data放入布爾值;相當(dāng)于作為開關(guān)來控制class是否調(diào)用
2注意這種寫法是:class{屬性:a,屬性:b}。
<style>
.red{
color: red;
}
.blue{
background: blue;
}
</style>
<script src="vue.js"></script>
<script>
window.onload=function(){
new Vue({
el:'#box',
data:{
a:true,
b:false
},
methods:{
}
});
};
</script>
</head>
<body>
<div id="box">
<strong :class="{red:a,blue:b}">文字...</strong>
</div>
</body>