三元运算符

var x=10,
var y=20
var z=(x > y) ? x : y;
若 x > y 则 x的值赋给z
若 x < y 则 y的值赋给z
就是根据？连接符  前面的表达式成立 是为 true  不成立为  false
为 true  冒号前的赋值
为false  冒号后的赋值

在data中 acvtion设置为true 
<template>
  <div>
    <div :class="acvtion ? 'init':'uninit' "></div>
    //当acvtion为true时 执行init 类名样式
    //当acvtion为false时 执行uninit 类名样式
  </div>
</template>

<script>
export default {
  data() {
    return {
      acvtion: true,
    };
  },
 
};
</script>

<style scoped>
.init {
  border: 1px solid #000;
}
.uninit {
  background: fuchsia;
}
</style>