vuerouter跳转新页面
2022-05-13
来源：意榕旅游网
vue router怎么跳转呢？不知道的小伙伴来看看小编今天的分享吧!
vue-router中跳转页面有三种跳转方式。
方法一：router.push()
方法二：router.replace()
方法三：router.go(n)
router.push() 跳转指定url路径，并向history栈中添加一个记录，点击后退会返回到上一个页面
router.push({ path, params})
/**说明 path:跳转路径
* params:参数
*/
router.push({ path:'page/index', query:{user_name:'YanGo'})router.replace() 跳转指定url路径，但是history栈中不会有记录，点击返回会跳转到上上个页面 (就是直接替换了当前页面)，传参跟push一样
router.go(n) 向前或者向后跳转n个页面，n可为正整数或负整数。
拓展资料：
vue-router是什么？
vue-router就是WebApp的链接路径管理系统。
vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，也就是组件的切换。路由模块的本质 就是建立起url和页面之间的映射关系。
以上就是小编今天的分享了，希望可以帮助到大家。
显示全文