Dynamic routes và lazy loading routes?

Dynamic segment: path: '/user/:id' — đọc qua route.params.id.

Lazy loading với dynamic import:

const routes = [
  {
    path: '/dashboard',
    component: () => import('./views/Dashboard.vue')
  },
  {
    path: '/user/:id',
    // Với Vite: không cần webpackChunkName; tên chunk cấu hình qua build.rollupOptions
    component: () => import('./views/User.vue')
  }
]

• Lazy loading: component chỉ được download khi navigate đến route đó — giảm initial bundle size.
• Lưu ý: / webpackChunkName / là Webpack magic comment, không có tác dụng trong Vite.

Pitfall: đọc route.params.id trong <script setup>: dùng const route = useRoute().