vue3中ifelseif else函数的写法

在Vue3中，可以使用template模板方式、JSX/TSX方式、函数式编程来实现if-else语句的功能。以下是函数式编程中使用h函数实现if-elseif-else语句的写法：

import { h } from 'vue'

export default {
  setup() {
    const age = 18
    return () => h('div', [
      age < 18
        ? h('p', '未成年')
        : age < 60
          ? h('p', '成年人')
          : h('p', '老年人')
    ])
  }
}

在上述代码中，我们使用了Vue3中的setup函数来实现组件的逻辑。在setup函数中，我们定义了一个变量age，并使用箭头函数返回了一个h函数，h函数中包含了if-elseif-else语句的逻辑。当age小于18时，返回一个p标签，内容为“未成年”；当age大于等于18且小于60时，返回一个p标签，内容为“成年人”；当age大于等于60时，返回一个p标签，内容为“老年人”。