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        }      }    });

输出的结果为：