一、Vue3的生命周期API (选项式 VS 组合式)

Vue3通常不用组合式API了

注意

• beforeCreate 和 created 的相关代码 一律放在 setup 中执行
• 如果有些代码需要在mounted生命周期中执行，使用onMounted函数
• 写成onMounted的函数调用方式，可以调用多次，并不会冲突，而是按照顺序依次执行

<script setup>
import { onMounted } from "vue";
// 定义一个请求数据的方法
const getList = () => {};

// 一进入页面请求
getList();

// 如果有些代码需要在mounted生命周期中执行
onMounted(() => {
  console.log("mounted生命周期函数 - 逻辑1");
});

// 写成函数的调用方式，可以调用多次，并不会冲突，而是按照顺序依次执行
onMounted(() => {
  console.log("mounted生命周期函数 - 逻辑2");
});

</script>