03.Vue3的组合式API面试必背技能点（二）：Vue3的生命周期、toRefs和toRef；

一、Vue3的生命周期

Vue3.0引入了新的生命周期钩子函数，并对现有的生命周期进行了一些修改；

Vue 3.0引入了新的 `setup` 阶段，它在 `beforeCreate` 阶段之前被调用，适合在组件实例化和初始化的早期阶段进行操作，如设置响应式数据、解析props等。

• 创建阶段（setup） 

        1.在组件实例创建之前执行，相当于created

        2.响应式数据的创建、计算属性的设置、事件监听器的设置等

• 创建阶段（beforeCreate） 

       1.生命周期钩子函数在Vue实例被创建之初就会被调用；

        2.此时组件的数据还未初始化，也无法访问到props和data属性；

        3.可以进行一些组件的初始化设置，例如全局变量、事件监听器等；         

• 创建阶段（created）

       1.生命周期钩子函数在Vue实例创建完成࿰