v-bind绑定属性样式——class的三种绑定方式

1、布尔值的绑定方式

　　

var vm = new Vue({
　　　　el:"#demo",
　　　　data:{
　　　　　　isA: true,
　　　　　　isB: true
　　　　}
})

2、变量的绑定方式

var vm = new Vue({
　　　　el:"#demo",
　　　　data:{
　　　　　　classA:"class-a",
　　　　　　classB:"class-b"
　　　　}
})

3、字符串绑定方式

　　

var vm = new Vue({
　　　　el:"#demo",
　　　　data:{
　　　　　　classA:"string"
　　　　}
})

4、综合的写法

　　

var vm = new Vue({
　　　　el:"#demo",
　　　　data:{
　　　　　　one:"string",
　　　　　　classa:true,
　　　　　　classb:false

　　　　}
})

 

v-bind绑定属性样式——class的三种绑定方式

标签：nbsp   img   绑定   http   技术分享   技术   ring   属性   bin   

原文地址：http://www.cnblogs.com/model-zachary/p/6885668.html

 

转载于:https://www.cnblogs.com/feiyu159/p/8620156.html