路由懒加载
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文件。