zoukankan      html  css  js  c++  java
  • vue router的其他属性、 值的传递 、 懒加载

    路由的router-link标签有几个其他属性:

    路由可以传递值(一般用作条目的id传递,之后用这个id从axios获取页面显示的数据

    第一步:

      定义路由以及值的属性名称(之后在跳转路由后页面里面获取值的话用这个属性名

       

     第二步:

       在route-link标签里指定路由链接及值,写法如下

      

     第三步:

      id的值33传过去了

       我们需要获取它,那么我们定义一个计算属性获取值

    路由的懒加载:

    路由的懒加载
    当打包构建运用时,js包会变得非常大,影响页面加载
    如果我们能把不同路由对应的组件分割成不用的代码块,然后当路由被访问的时候才加载对应组件
        这样就更高效了
    官方在说什么呢?
        首先,我们知道路由中通常会定义很多不同的页面
        这些页面最终是放在一个js文件中
        但是,这么多文件放一个js里面,必然会造成页面非常大
    路由懒加载做了什么?
        主要作用是将路由对应的组件打包成一个个的js代码块
        只有这个路由被访问到的时候,才加载对应组件

      

    实现如下:

       

  • 相关阅读:
    [Leetcode] 225. Implement Stack using Queues
    前端面试题2
    数据结构_stack
    数据结构 station
    数据结构_wow(泡泡的饭碗)
    数据结构_XingYunX(幸运儿)
    数据结构 nxd(顺序对)
    数据结构 hbb(汉堡包)
    数据结构 elegant_sequence(优雅的序列)
    数据结构 i_love(我喜欢)
  • 原文地址:https://www.cnblogs.com/cl94/p/12359329.html
Copyright © 2011-2022 走看看