路由懒加载

1.概念

  1.当打包构建应用时,JavaScript包会变得非常大,影响页面加载。

  2.把不同路由对银行的组件分割造成不同的代码块,当路由被访问时加载对应的组件,更加高效化。

2.实现

  1.index.js页面,将导入修改为

  与一次性所有导入不同,当使用到这个路由的时候才会导入。

// import Home from '../components/Home.vue'  //步骤5导入页面
// import About from '../components/About.vue'
// import User from '../components/User.vue'
const Home = () =>import('../components/Home')
const About =() =>import('../components/About')
const User =() =>import('../components/User')

  2.打包后JS文件中就会分成单独的app文件。

posted @ 2021-06-29 15:04  ajaXJson  阅读(71)  评论(0编辑  收藏  举报