Vue和微信小程序绑定样式的区别

1.小程序绑定

小程序里面的class与style绑定，遵循HTML特性绑定。在进行class与style绑定时，可以直接绑定，也可以带上逻辑与，或者三元运算进行条件控制。

JS
data: {
    dClass: 'my-class',
    dClass1: 'my-class1',
    dClass2: 'my-class2',
    dClass3: 'my-class3',
    dStyle: 'color:red;'
}
 
WXML
<view class="{
  {dClass}}"></view>
<view class="{
  {truthy ? dClass1 : dClass2}}"></view>
<view class="{
  {truthy && dClass3}}"></view>
<view style="{
  {dStyle}}"></view>

2.Vue绑定

在Vue里面，class与style绑定同样遵循着HTML绑定，我们只需要通过表达式计算出字符串即可。表达式结果的类型除了字符串之外，还可以是对象和数组。

2.1 Vue绑定class

字符串语法