如何在无template段的Vue SFC中使用<script setup>语法？

Vue SFC 要求组件必须包含渲染逻辑，仅写<script setup>没有任何模板/渲染函数定义时，就会抛出[Vue warn] Component is missing template or render function警告，可按照你的实际需求选择对应解决方案：

场景1：组件需要渲染内容 #

• 方案1：补写<template>段
  这是最通用的常规用法，直接在SFC中添加<template>代码块写入需要渲染的DOM结构即可。
  示例：

  <template>
    <div class="content">页面内容</div>
  </template>
  <script setup>
  // 原有业务逻辑
  </script>
  

• 方案2：在<script setup>中返回渲染函数
  适合需要动态控制渲染逻辑的场景，无需写<template>段，Vue 3.3及以上版本支持直接在<script setup>中返回渲染函数。
  示例：

  <script setup>
  import { h } from 'vue'
  // 直接return渲染函数
  return () => h('div', { class: 'content' }, '页面内容')
  </script>
  

  如果使用Vue 3.3以下版本，无法直接在