聊聊vue3中setup函数的返回值

import {h} from 'vue'...setup() {
    ...
    return () => h('h1','学习')}

methods: {
	test1() {
		console.log(this.sex);
		console.log(this.sayHello);
	}},setup() {
	const sex = ref('女')
	function sayHello() {
		alert('你好啊')
	}
	return {
		sex,
		sayHello	}}

data() {
	return {
		sex:'男'
	}},methods: {
	sayHello() {
		alert('你好啊')
	}},setup() {
	function test2() {
		console.log(this.sex);
		console.log(this.sayHello);
	}
	return {
		test2	}}

data() {
	return {
		sex:'男'
	}},setup() {
	const sex = ref('女')
	return {
		sex	}}

beforeCreate(){
	console.log('beforeCreate');},setup(){
	console.log('setup',this);}

<Demo msg="你好啊" name="tom" />

props:['msg','name'], // 需要声明一下接受到了，否则会报警告setup(props){
	console.log(props)}

props:['msg','name']

<Demo @hello="showHelloMsg">

emits:['hello'], // 要声明接收到了hello事件，否则会报警告context.emit('hello',666)

<Demo>
	<template v-slot:qwe>
		<span>你好</span>
	</template></Demo>