zoukankan      html  css  js  c++  java
  • 527 vue-router

    内容概述


    什么是路由?


    后端路由阶段


    前端路由阶段


    URL的hash


    HTML5的history模式:pushState


    HTML5的history模式:replaceState


    HTML5的history模式:go


    认识vue-router


    安装和使用vue-router


    创建router实例


    挂载到Vue实例中


    步骤一:创建路由组件


    步骤二:配置组件和路径的映射关系


    步骤三:使用路由.


    最终效果如下


    路由的默认路径


    HTML5的History模式



    router-link补充


    修改linkActiveClass


    路由代码跳转


    动态路由


    认识路由的懒加载


    路由懒加载的效果


    懒加载的方式


    认识嵌套路由


    嵌套路由实现



    嵌套默认路径


    准备工作



    传递参数的方式


    传递参数方式一:


    传递参数方式二: JavaScript代码,params,query


    获取参数


    $route和$router是有区别的


    为什么使用导航守卫?


    导航守卫使用




    导航守卫补充


    keep-alive遇见vue-router



  • 相关阅读:
    noi.ac NOI挑战营模拟赛1-5
    TJOI2015 弦论
    CQOI2018 破解D-H协议
    NOI2013 矩阵游戏
    NOI2015 荷马史诗
    NOI2015 寿司晚宴
    SDOI2014 重建
    NOI1999 生日蛋糕
    NOI2015 程序自动分析
    ZJOI2008 泡泡堂
  • 原文地址:https://www.cnblogs.com/jianjie/p/13566877.html
Copyright © 2011-2022 走看看