vue3.0中script标签添加setup ，生命周期该怎样写？

在Vue 3.0中，使用`<script setup>`标签来编写组件的逻辑。`<script setup>`标签是Vue 3.0中的新特性，它可以更好地支持组合式 API，并且可以自动地将组件的 props、data、computed、methods等等都声明为响应式的变量。

在`<script setup>`标签中，不需要再像Vue 2.x中那样定义生命周期函数，而是使用特定的API来实现相同的功能。以下是Vue 3.0中常用的生命周期函数及其对应的API：

- `beforeCreate`: 可以使用`onBeforeMount`函数来代替
- `created`: 可以使用`onMounted`函数来代替
- `beforeMount`: 可以使用`onBeforeMount`函数来代替
- `mounted`: 可以使用`onMounted`函数来代替
- `beforeUpdate`: 可以使用`onBeforeUpdate`函数来代替
- `updated`: 可以使用`onUpdated`函数来代替
- `beforeUnmount`: 可以使用`onBeforeUnmount`函数来代替
- `unmounted`: 可以使用`onUnmounted`函数来代替

例如，如果要在组件挂载之前执行某些逻辑，可以使用`onBeforeMount`函数，例如：

<template>
  <div>{{ message }}</div>
</template>

<script setup>
import { ref, onBeforeMount } from 'vue'

const message = ref('Hello, world!')

onBeforeMount(() => {
  console.log('组件即将挂载')
})
</script>

这样，在组件挂载之前会输出一条日志。

当然，在Vue 3.0中还有其他的API可以用来实现更精细化的控制，例如`onActivated`、`onDeactivated`、`onErrorCaptured`等等。具体可以参考官方文档。