class 和 style 数据动态绑定

364 阅读1分钟
1.对象方式处理动态的样式 :class="{样式类名:响应式数据}"响应式数据为true有 

    这个样式,反之没有
    .active{color:red}
    <p :class="{active:a}"></p>
     data:{a:true}
   
   2.数组方式处理动态的样式 :class="[响应式数据,...]"控制响应式数据的值 是 	

	对应的样式类或者没有值,来控制是否有这个样式
     <p :class="[active,big]"></p>
	data:{active:'',big:'big'}