前端有两种样式一种是正常显示，一种等于true的时候显示另一种。怎么写

Question

前端有两种样式一种是正常显示，一种等于true的时候显示另一种。怎么写

Answer 1

<template>
  <div>
    <span v-if="a === true">1111</span>
    <span v-else>2222</span>
  </div>
</template>
<script>
export default {
    data() {
       return {
        a: false
       } 
    },
}
</script>