Vue-Router基础入门

不念不忘少年蓝@ 2021-11-17 09:26 424阅读 0赞

Vue-Router简介

在传统的MVC架构中,是由服务端对用户的请求进行拦截,并根据请求URL的不同来返回不同的页面,这种路由方式叫做服务端路由。与之相对的还有另外一种前端路由方式,即把这些路由的工作交给前端来实现,由前端来根据不同的请求返回不同的页面。在单页面应用中,由于大部分的页面结构相对固定,需要改变的内容只占其中很小一部分,所以更适合使用前端路由。

Vue Router 就属于前端路由,它是 Vue.js 官方的路由管理器,与 Vue.js 深度集成,让构建单页面应用变得易如反掌。

Vue Router 可以提供如下功能:

  • 嵌套的路由/视图表
  • 模块化的、基于组件的路由配置
  • 路由参数、查询、通配符
  • 基于 Vue.js 过渡系统的视图过渡效果
  • 细粒度的导航控制
  • 带有自动激活的 CSS class 的链接
  • HTML5 历史模式或 hash 模式,在 IE9 中自动降级
  • 自定义的滚动条行为

安装

直接引用

通过

发表评论

表情:
评论列表 (有 0 条评论,424人围观)

还没有评论,来说两句吧...

相关阅读

    相关 VueRouter路由嵌套

    1. 前言 本小节我们介绍如何嵌套使用 VueRouter。嵌套路由在日常的开发中非常常见,如何定义和使用嵌套路由是本节的重点。同学们在学完本节课程之后需要自己多尝试配置

    相关 VueRouter路由传参

    1. 前言 本小节我们介绍 VueRouter 路由组件传参。包括 params 传参、query 传参的两种方式。路由传参的知识点非常重要,在日常开发中,我们经常会通过

    相关 vueRouter4.0+ts

    准备工作 需要了解的接口 官方提供的路由对象数据类型 > RouteRecordRaw 自定义定义路由对象数据类型 // Omit 删除指定类型的ke

    相关 【MongoDb入门基础入门

     关于mongodb的好处,优点之类的这里就不说了,唯一要讲的一点就是mongodb中有三元素:数据库,集合,文档,其中“集合” 就是对应关系数据库中的“表”,“文档”对应“