如何在Vue.js函数中使用if语句？

<template>
  <div>
    <p v-if="condition">条件为真时显示的内容</p>
    <p v-else>条件为假时显示的内容</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      condition: true // 设置条件的初始值为true
    }
  }
}
</script>

<script>
export default {
  data() {
    return {
      condition: true // 设置条件的初始值为true
    }
  },
  computed: {
    result() {
      if (this.condition) {
        return '条件为真时的结果'
      } else {
        return '条件为假时的结果'
      }
    }
  }
}
</script>

<template>
  <div>
    <p>{{ result }}</p>
  </div>
</template>