组合式 API：一系列函数，有时需要调用这些函数编写组件逻辑。
setup 是组合式 API 的入口，先写 setup，才能往里边写组合式 API 的函数
setup 的执行时机会比 beforeCreate 生命周期钩子还要早，因此 setup 函数中获取不到 this
setup 选项的写法：（在 App.vue 中写）
<script>
export default {
setup () {
// 编写组合式 API
},
beforeCreate () {
}
}
</script>
setup 选项中写代码的特点：（数据和函数 需要在 setup 最后 return，才能在模板中应用）
<script>
export default {
setup () {
const message = '黑马程序员，成就IT黑马'
return {
message
}
},
beforeCreate () {
}
}
</script>
<template>
<div> {{ message }} </div>
</template>
setup 语法糖的写法简化代码：
<script setup>
const message = '黑马程序员'
</script>
<template>
<div>{{ message }}</div>
</template>