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



  • 相关阅读:
    vue工作篇
    idea快捷键
    idea怎么随时随地调整字体大小
    idea配置maven
    idea启动加速
    idea配置tomcat
    idea设置哪个浏览器打开
    jsonArray和jsonObject的理解
    多文件上传保存到本地服务器
    并发编程
  • 原文地址:https://www.cnblogs.com/jianjie/p/13566877.html
Copyright © 2011-2022 走看看