• 技术文章 >web前端 >Vue.js

    vue的router和route区别是什么

    青灯夜游青灯夜游2021-09-06 13:49:04原创225

    区别:router是通过“Vue.use(VueRouter)”和VueRouter构造函数得到一个实例对象,它是一个全局的对象。而route是一个跳转的路由对象,每一个路由都会有一个route对象,是一个局部的对象。

    本教程操作环境:windows7系统、vue2.9.6版,DELL G3电脑。

    router是什么

    router是VueRouter的一个对象,通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象,这个对象中是一个全局的对象,他包含了所有的路由包含了许多关键的对象和属性。

    类似于history对象

    方法:

    $router.replace({path:'home'});//替换路由,没有历史记录

    route是什么

    route是一个跳转的路由对象,每一个路由都会有一个route对象,是一个局部的对象,可以获取对应的name,path,params,query等

    $route.path
    字符串,等于当前路由对象的路径,会被解析为绝对路径,如 "/home/news"

    $route.params
    对象,包含路由中的动态片段和全匹配片段的键值对

    $route.query
    对象,包含路由中查询参数的键值对。例如,对于 /home/news/detail/01?favorite=yes ,会得到$route.query.favorite == 'yes'

    $route.router
    路由规则所属的路由器(以及其所属的组件)。

    $route.matched
    数组,包含当前匹配的路径中所包含的所有片段所对应的配置参数对象。

    $route.name
    当前路径的名字,如果没有使用具名路径,则名字为空。

    $route.path , $route.params , $route.name , $route.query这几个属性很容易理解,主要用于接收路由传递的参数

    相关推荐:《vue.js教程

    以上就是vue的router和route区别是什么的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:vue router route
    上一篇:vue有哪三种传值方式 下一篇:vue中如何监听vuex中的数据变化
    线上培训班

    相关文章推荐

    • nodejs与vuejs有什么区别• vuejs是什么时候出来的• vue怎么读取文件内容• 怎么离线安装vue环境• vue脚手架安装步骤

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网