路由懒加载模式「建议收藏」

路由懒加载模式「建议收藏」路由懒加载模式

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新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')]
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/188650.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • Win10黑屏的时候显示时钟怎么设置「建议收藏」

    Win10黑屏的时候显示时钟怎么设置「建议收藏」Win10黑屏的时候显示时钟怎么设置?其实方法很简单,那就是让电脑进入屏幕保护程序的黑屏模式而不是睡眠状态,这样电脑就可以显示时间啦

  • webstor激活教程(在线激活)

    webstor激活教程(在线激活),https://javaforall.cn/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

  • 万年历matlab算法,万年历算法(万年历算法和分析)[通俗易懂]

    年历的计算方法:关键是求出当年1月1日是星期几。书上给出了当年份Y>。用蔡勒(Zeller)公式即w=y+[y/4]+[c/4]-2c+[26(m+1)/10]+d-1公式中的符号含义如下,w:星期;c:世纪-1;y:年(两位数);m:月(m大于等于3,小于等于14,即在蔡.年历的计算方法:关键是求出当年1月1日是星期几。书上给出了当年份Y的公式来计算天天从已知的日期:?G=4C…

  • MySQL 有这一篇就够(呕心狂敲37k字,只为博君一点赞!!!)

    MySQL 有这一篇就够(呕心狂敲37k字,只为博君一点赞!!!)文章目录前言一、SQL简述1.SQL的概述2.SQL的优点3.SQL的分类二、数据库的三大范式三、数据库的数据类型1.整数类型2.浮点数类型和定点数类型九、MySQL数据表简单查询1.简单查询概述2.查询所有字段(方法不唯一只是举例)3.查询指定字段(sid、sname)4.常数的查询5.从查询结果中过滤重复数据6.算术运算符(举例加运算符)十、函数1.聚合函数1.1、count()1.2、max()1.3、min()1.4、sum()1.5、avg()2.其他常用函数2.1、时间函数2.2、字符串函数2.

  • Hibernate框架–学习笔记(中):一对多配置、多对多配置

    Hibernate框架–学习笔记(中):一对多配置、多对多配置

  • JAVA Class类与反射

    JAVA Class类与反射关于Class类与Class对象与反射Class类与Class对象Class对象是Class类的实例,类至少包含以下信息,因此class类又可以被解构为如下部分:权限修饰符类名参数化类型(泛型信息)接口Interface注解Annotation字段Field(重点)构造器Constructor(重点)方法Methd(重点)以下图为例:整个.class文件最终都成为字节数组byte[]b,里面的构造器、方法等各个“组件”,其实也是字节。打开Class类的源代码,发现果然如此:

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号