Vue-Router是Vue.js的官方路线它与Vue.js的核心深度融合,使得用vue.js构建单页应用变得很容易Vue-Router是Vue的单页开发路线,决定了页面跳转!<router-link> component支持用户在具有路由功能的特定应用中导航(点击)。通过to属性指定目标地址。
Vue-Router中文官网网址: https://router.vuejs.org/zh/
Vue-Router工作原理:
SPA(single page application):单一页面应用程序,只有一个完整的页面;它在加载页面时,不会加载整个页面,而是只更新某个指定的容器中内容。
单页面应用(SPA)的核心之一是: 更新视图而不重新请求页面;vue-router在实现单页面前端路由时,提供了两种方式:Hash模式和History模式;根据mode参数来决定采用哪一种方式。
Vue-Router功能介绍:
1、嵌套路由映射;
2、动态路由选择;
3、模块化、基于组件的路由配置;
4、路由参数、查询、通配符;
5、展示由 Vue.js 的过渡系统提供的过渡效果;
6、细致的导航控制;
7、自动激活 CSS 类的链接;
8、HTML5 history 模式或 hash 模式;
9、可定制的滚动行为;
10、URL 的正确编码。
进入Vue-Router官网
以上是编程学习网小编为您介绍的“Vue-Router中文文档官网介绍”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。本文标题为:Vue-Router中文文档官网介绍
基础教程推荐
- 详解css3 Transition属性(平滑过渡菜单栏案例) 2023-12-20
- 关于layui数据表格的各种事件 2022-12-16
- js中.sort()函数的常见用法与高级操作 2023-07-09
- react中ref获取dom或者组件的实现方法 2023-07-09
- 为何img、input等内联元素可以设置宽高 2024-01-08
- vue3项目中使用tinymce的方法 2023-12-14
- 在vuejs中使用websocket进行实时通讯 2024-12-08
- 初学者如何快速搭建Express开发系统步骤详解 2023-07-09
- HTML5 history新特性pushState、replaceState及两者的区别 2024-01-12
- 深入剖析$.ajax()方法 2022-12-28
