创建一个vue3导航守卫afterEach的案例

以下是一个使用Vue 3导航守卫afterEach的案例：

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'

const app = createApp(App)

// 使用afterEach导航守卫
router.afterEach((to, from) => {
  console.log(`Navigated from ${from.fullPath} to ${to.fullPath}`)
})

app.use(router)
app.mount('#app')

在上面的例子中，我们创建了一个Vue应用程序，并使用Vue Router进行路由管理。然后，我们使用router.afterEach方法注册了一个导航守卫，在每次路由切换完成之后被调用。在示例中，我们简单地在控制台上打印出从哪个路由导航到了哪个路由。

请注意，上述示例假定您已经正确配置了Vue Router和创建了名为router的Vue Router实例。如果需要，您可以根据您的具体情况进行调整