在vue2路由的基础之上，vue3路由有些不一样的点。
- 在setup中访问函数，需要使用useRoute()或者useRouter()
- 不同的历史模式。
- hash模式使用createWebHashHistory()创建
- history模式使用createWebHistory()创建
3.监听参数。路由是一个很大的参数，所以需要监听具体路由信息。
watch( () => route.params.id, async newId => { userData.value = await fetchUser(newId) } )
4.把组件按组分块 把某个路由下的所有组件都打包在同个异步块之中。
const UserDetails = () => import(/* webpackChunkName: "group-user" */ './UserDetails.vue')
webpack会将任何一个异步模块名称相同的块名称组合到相同的异步块之中。 vite可以在 rollupOptions 中定义块
