Vue3的setup函数

setup是属性、方法、过滤器、监听器、指令…代码的包裹器

<script>
import { ref } from 'vue';
export default {
	setup(props, context) {
		console.log('在beforeCreate之前执行');
		let msg = ref('hello world');
		function showMsg() {
			console.log(msg.value);
		}
		return {
			msg,
			showMsg
		}
	}
}
</script>

说明

1. 在setup中定义的属性、方法…，需要手动暴露出去
2. setup函数执行时机在beforeCreate之前
3. setup接收两个参数（props、context）
   ① 只有通过props配置项接收属性，props中才会有这个属性
   ② context上下文，可以获取到attrs（props未接收的属性）、slots（插槽）、emit（可以触发自定义事件）