路由加载 分为2中,
一种是全部一次性加载,叫全部加载;
一种是用到才对应加载,叫用到加载;
修改路由器index.js
import Home from '../views/Home.vue'
修改成
const Home=()=>import('../views/Home.vue')
当打包构建应用时,JavaScript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然>后当路由被访问的时候才加载对应组件,这样就会更加高效。
Vue Router 支持开箱即用的动态导入,这意味着你可以用动态导入代替静态导入:
![在这里插入图片描述](https://img-blog.csdnimg.cn/a199ce5b23dc442caa2cc8cfad91ba34.png)