Vue-Router中文官网
Vue-Router中文官网网址: https://router.vuejs.org/zh/
什么是Vue-Router?Vue-Router是Vue.js的官方路由。它与Vue.js核心深度集成,让用Vue.js构建单页应用变得轻而易举。Vue-Router是vue单页面开发的路由,就是决定页面跳转的!<router-link> 组件支持用户在具体有路由功能的应用中(点击)导航。通过to属性指定目标地址。
一、Vue-Router的功能包括:
1、嵌套路由映射;
2、动态路由选择;
3、模块化、基于组件的路由配置;
4、路由参数、查询、通配符;
5、展示由 Vue.js 的过渡系统提供的过渡效果;
6、细致的导航控制;
7、自动激活 CSS 类的链接;
8、HTML5 history 模式或 hash 模式;
9、可定制的滚动行为;
10、URL 的正确编码。
二、Vue-Router原理:
SPA(single page application):单一页面应用程序,只有一个完整的页面;它在加载页面时,不会加载整个页面,而是只更新某个指定的容器中内容。
单页面应用(SPA)的核心之一是: 更新视图而不重新请求页面;vue-router在实现单页面前端路由时,提供了两种方式:Hash模式和History模式;根据mode参数来决定采用哪一种方式。