Vue.js: What is code splitting in Vue?

1// router/index.ts
2const routes = [
3    {
4        path: "/dashboard",
5        component: () => import("./views/Dashboard.vue")
6    }
7]

1<script setup>
2import { defineAsyncComponent } from "vue"
3
4const HeavyComponent = defineAsyncComponent(() =>
5    import("./HeavyComponent.vue")
6)
7</script>