beforeRouteEnter在vue3的写法

在Vue 3中，使用Composition API和setup语法糖来实现beforeRouteEnter路由守卫的写法如下：

<script setup>
import { onBeforeRouteEnter, useRouter } from 'vue-router';

const router = useRouter();

onBeforeRouteEnter((to, from, next) => {
  // 在渲染该组件的对应路由被确认前调用
  // 可以通过next()函数继续导航到组件
  next();
});
</script>

在上述代码中，我们使用了`onBeforeRouteEnter`函数来定义`beforeRouteEnter`路由守卫。在函数的回调中，我们可以通过`next()`函数来继续导航到组件。