vue class样式的运用
2017-07-18 本文已影响0人
夜息白鸽
1.点先新建class
2调用vue.js 在data里面捆绑class
3在标签中可以用:class=“[属性名，属性名]”
4调试的时候能够看到 给对应的标签加上了class
<style>
.red{
color: red;
}
.blue{
background: blue;
}
.size{font-size: 30px;font-family: "微软雅黑";}
</style>
<script src="vue.js"></script>
<script>
window.onload=function(){
new Vue({
el:'#box',
data:{
red:'red',
b:'blue',
c:"size"
},
methods:{
}
});
};
</script>
</head>
<body>
<div id="box">
<strong :class="[red,b,c]">文字...</strong>
<p:class="{red:true,blue:true}">查看true属性是否点开...</p>
</div>
</body>
