2024年06月20日 建站教程
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 的正确编码。
本文链接:http://so.lmcjl.com/news/6936/