vue计算属性+vue中class与style绑定

vue计算属性

在模板中放入大量的逻辑会让模板过重且难以维护

计算属性下所有函数可以放到computed中

 

 

 

 

class与style绑定

原始写法 v-bind:class  缩写 :class

class绑定的三种形式

 

 

style的三种绑定形式

 

 

属性值为true显示，false不显示

第一种绑定方式：

 

 

 

 第二种绑定方式：

 

 

 

 第三种绑定方式：

 

 

 

 

style修改

方式1：

 

 

 

 

方式2：

 

 

 

 

方式三：