大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。
Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺
路由懒加载
没用懒加载现状：
VueRouter是在路由规则中，当路由规则模块被执行时，所有的页面组件会被一次性加载进来
编辑项目中的路由模块，将首页直接加载即可，其他所有页面使用懒加载方式引入使用：
原先引入页面方式：
import Login from '../pages/Login'
import Main from '../pages/Main'
//创建映射
const routes=[
{
name:'login',
path:'/login',
alias:'/',
component:Login
},{
name:'main',
path:'/main',
component:Main
]
上述的加载方式，如果一个项目中包含的页面组件过多，就会让项目启动后的第一个页面加载缓慢；针对这样的问题路由模块提供了一种加载方式：按需加载，当用户的请求匹配到某个路由路径时再加载对应的路由组件，这样的加载方式可以有效的避免首页加载缓慢问题，称为路由懒加载技术
固定语法，通过内建语法懒加载引入页面组件
编辑项目中的路由模块，将首页直接加载即可，其他所有页面使用懒加载方式引入使用：
使用懒加载方式：
const routes=[
{
name:'login',
path:'/login',
alias:'/',
component:Login
},{
name:'main',
path:'/main',
component:()=>import ('../pages/Main')]
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/188650.html原文链接：https://javaforall.net
