vue3父组件provide传给子组件值，子组件比父组件先开始打印unmounted的内容

在Vue 3中，可以使用`provide`和`inject`来实现父组件向子组件传递值。当父组件提供一个值时，子组件可以通过`inject`来接收这个值。

要实现子组件比父组件先开始打印"unmounted"的内容，可以利用Vue 3的生命周期钩子函数。在子组件的`beforeUnmount`钩子函数中打印"unmounted"的内容，而在父组件的`mounted`钩子函数中提供值给子组件。

下面是一个示例代码：

<template>
  <div>
    <child-component></child-component>
  </div>
</template>

<script>
import { ref } from 'vue';

const provideValue = ref('Hello from parent');

export default {
  mounted() {
    provideValue.value = 'Hello from parent'; // 在父组件的mounted钩子函数中提供值给子组件
  },
};

</script>

<template>
  <div>
    <p>{{ providedValue }}</p>
  </div>
</template>

<script>
import { inject, onBeforeUnmount } from 'vue';

export default {
  setup() {
    const providedValue = inject('provideValue'); // 子组件通过inject接收父组件提供的值
    onBeforeUnmount(() => {
      console.log('unmounted'); // 在子组件的beforeUnmount钩子函数中打印"unmounted"的内容
    });

    return {
      providedValue,
    };
  },
};
</script>

在上面的示例中，父组件通过`provide`提供了一个名为`provideValue`的值给子组件。子组件通过`inject`接收这个值，并在`beforeUnmount`钩子函数中打印"unmounted"的内容。