我们在进行路由映射配置时,通常会一次性将所有组件引入,进行相关配置
import Home from '../components/Home'
import About from '../components/About'
如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问时才加载对应组件,这样会更加高效,即路由懒加载
const Home = () => import('../components/Home')
const About = () => import('../components/About')