vue中，class、内联style绑定、computed属性

1.绑定Class

①对象语法

 产品特色

②数组语法

三元表达式：

表明始终添加classA，在isB为true时添加classB

2.绑定内联style

data: {
  leftIndex: '0.167%'
}

!注意：margin-left写成marginLeft

也可以绑定到一个样式对象

data: {
  styleObject: {
    color: 'red',
    fontSize: '13px'
  }
}

同样注意font-size写成fontSize，否则会出错。

3.computed属性

{{ fullName }}

var vm = new Vue({
      el: '#demo',
      data: {
        firstName: 'Foo',
        lastName: 'Bar2',
      },
      computed: {
        fullName: function () {          return this.firstName + ' ' + this.lastName
        }
      }
    });

输出的结果为：