vue三目运算绑定class写法

html代码：

 <div :class="use ? 'class2': 'class1' ">
    三目运算绑定class
 </div>

script中代码：

new Vue({
    el: '#app',
  data:{
      use: false
  }
});

style中代码

.class1{
  background: #444;
  color: #eee;
}
.class2{
  background:red;
  color:yellow;
}