vuejs中检查字符串插值为空或不为空

<template>
  <div>
    <p v-if="message === ''">字符串插值为空</p>
    <p v-else>字符串插值不为空</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: '' // 字符串插值
    };
  }
};
</script>

<template>
  <div>
    <p>{{ message === '' ? '字符串插值为空' : '字符串插值不为空' }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: '' // 字符串插值
    };
  }
};
</script>

<template>
  <div>
    <p v-if="message !== ''">字符串插值不为空</p>
    <p v-else>字符串插值为空</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: '' // 字符串插值
    };
  }
};
</script>