zoukankan      html  css  js  c++  java
  • Vue-router 路由模式

    Vue其实有三种路由模式

      1 hash:

                    使用URL  hash 值来作路由,支持所有浏览器,包括不支持HTML5 History API的浏览器

         原理:早期的前端路由的实现就是基于 location.hash 来实现的,其实现原理很简单,location.hash的值就是URL中#后面的内容 。比如下边这个网站,它的location.hash的值就是“#search”          

    http://www.baodu.com#search

    2 history : 

                      依赖 HTML5History API 和服务器配置。具体可以查看 HTML5 History 模式:

         原理:History 提供了 History API 来实现 URL 的变化 。其中做主要的 API 有以下两个  : history.pushState() 和 history.repalceState() 。这两个可以再不进行刷新的情况下,操作浏览器的历史记录。唯一不同的是,前者是新增一个历史记录,后者是直接替换当前的历史记录

    3 abstract :

                      支持所有JavaScript 运行环境 ,如 Node.js 服务器端。如果发现没有浏览器的 API 。路由会自动强制进入这个模式

  • 相关阅读:
    (Eclipse) Selection does not contain main type
    Spring Web Flow 学习笔记(2)-流程的组件
    Spring Web Flow 学习笔记(1)
    快速排序java实现
    二路归并排序
    剪切板
    Java中空白final
    对象引用和对象
    Java复用类
    Experimenrs on Foursquare
  • 原文地址:https://www.cnblogs.com/z-j-c/p/12908519.html
Copyright © 2011-2022 走看看