vue计算属性

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

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

@H_301_7@

 @H_301_7@

class与style绑定

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

class绑定的三种形式

@H_301_7@

style的三种绑定形式

@H_301_7@

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

第一种绑定方式：

@H_301_7@

 @H_301_7@

 第二种绑定方式：

@H_301_7@

 @H_301_7@

 第三种绑定方式：

@H_301_7@

 @H_301_7@

style修改

方式1：

@H_301_7@

 @H_301_7@

方式2：

@H_301_7@

@H_301_7@

方式三：

@H_301_7@

 @H_301_7@