vue中的setup函数的返回值

1. 返回对象

import { ref } from 'vue'
const comTest = {
  setup() {
    const content = ref('chen')
    const updateContent = () => {
      content.value = 'nv'
    }
    return {     //setup返回一个对象，对象中的属性和方法将会被注入到组件实例中
      content,
      updateContent
    }
  }
}

2. 返回函数

setup返回的函数为渲染函数，被用作组件的渲染。渲染函数返回了一个div，用于动态生成组件的内容。

setup(){

  return()=>{   //渲染函数
    return      //动态生成组件的内容
    <div class="left-side"></div>  
  }
}