最近在学习vue的单页面应用开发,需要vue全家桶,其中用到了VueRouter,在路由的设置和跳转中遇到了两个对象$router 和 $route。
router是VueRouter的一个对象,通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象,这个对象中是一个全局的对象,他包含了所有的路由包含了许多关键的对象和属性。
route是一个跳转的路由对象,每一个路由都会有一个route对象,是一个局部的对象,可以获取对应的name,path,params,query等
1 <!-- $router 用于控制路由的跳转 $route 从路由中拿数据 -->
1 <!-- v-router提供两种页面跳转方式 2 组件式跳转:<router-link to="指定页面"></router-link> 跳转的页面是定死的 3 编码式跳转:<div @click="$router.back()"></div> 跳转页面比较灵活 4 -->
1 <!-- 2 $router.back(); 后退一个页面 3 $router.push(‘跳转一个新的页面‘); //本质是向栈中添加一个路由 4 $router.replace(‘替换式跳转新页面‘); 5 $router.go() 1是前进一个页面,-1是后退一个页面 6 -->
1 <!-- 2 路由跳转方法里面的参数只要是合理的就可以, 3 可以使字符串,也可以是对象 4 -->
原文:https://www.cnblogs.com/shiyi2009/p/14153248.html