动态添加class和style：
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
</head>
<body>
<div id="vue1">
<p class="default" :class="isShow?'aaa':'bbb'">class样式</p>
<p class="default" :class="{active:isShow,show:isShow2}">class样式</p>
<p class="default" :class="[who,'show']">class样式</p>
<p class="default" :style="{background:color}">style样式</p>
<p class="default" :style="obj">style样式</p>
<p class="default" :style="[obj,obj2]">style样式</p>
</div>
<script type="text/javascript">
var vm = new Vue({
el: "#vue1",
data: {
isShow:true,
isShow2:false,
who:"abc",
color:"red",
obj:{
background:"red"
},
obj2:{
fontSize:"30px"
}
},
})
</script>
</body>
</html>
动态添加class：
动态添加class，可以在原有的class上再加上一个class。用v-bind:class或缩写:class
可以用三目运算动态添加class，也可以在字典里的key为class，然后data里面返回这个key是True或False，来判断添加哪一个class，也可以在数组里直接添加class或加对象，如果加对象则也要在data返回这个对象里的内容。
动态添加style：
方式，方法和动态添加class基本一样。
109
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
