动态添加class方式:

1.通过v-bind来绑定class,通过对象的方式来定义class

<template>
	<div :class="{h1:bindtop}">
	</div>
</template>
<script>
	export {
		data(){
		return {
			bindtop:true
			}
		}
	}
</script>
复制

2.通过v-bind绑定class,通过数组的方式定义class

<template>
	<div :class="['h1','pre',{'title':bindtop}]"></div>
</template>
<script>
	export {
		data(){
			return {bindtop:true}
		}
	}
</script>
复制