在vue3中，如果页面内容没保存，我要在路由里拦截页面返回并弹出模态框提示用户。

在Vue3中，你可以通过使用`beforeRouteLeave`守卫在路由离开页面时拦截并弹出模态框提示用户。具体实现方式如下：

1. 在组件中添加`beforeRouteLeave`守卫，并返回一个提示信息或`true`表示可以离开页面。

<script>
export default {
  beforeRouteLeave(to, from, next) {
    if (this.contentSaved) { // 判断页面内容是否保存
      next(); // 直接离开页面
    } else {
      if (confirm('您有未保存的内容，确定要离开吗？')) {
        next(); // 确认离开页面
      } else {
        next(false); // 取消离开页面
      }
    }
  },
};
</script>

2. 在路由配置中指定组件，并添加`meta`元信息表示该路由需要进行拦截。

const routes = [
  {
    path: '/page',
    name: 'Page',
    component: Page,
    meta: { requiresConfirm: true },
  },
];

3. 在全局的路由守卫`beforeEach`中判断当前路由是否需要进行拦截，如果需要则在`next`方法中传入回调函数进行拦截。

router.beforeEach((to, from, next) => {
  if (to.meta.requiresConfirm) { // 判断路由是否需要进行拦截
    if (confirm('您有未保存的内容，确定要离开吗？')) {
      next(); // 确认离开页面
    } else {
      next(false); // 取消离开页面
    }
  } else {
    next(); // 直接离开页面
  }
});

通过以上步骤，你就可以在Vue3中实现页面内容未保存时路由拦截并弹出模态框提示用户。