>  기사  >  웹 프론트엔드  >  vue의 $router는 무엇인가요?

vue의 $router는 무엇인가요?

coldplay.xixi
coldplay.xixi원래의
2020-11-11 10:37:302672검색

vue의 [$router]는 VueRouter의 객체입니다. [Vue.use(VueRouter)]와 VueRouter 생성자를 통해 라우터의 인스턴스 객체를 얻을 수 있습니다. 이 객체는 전역 객체입니다.

vue의 $router는 무엇인가요?

이 튜토리얼의 운영 환경: windows10 시스템, vue2.9, 이 기사는 모든 브랜드의 컴퓨터에 적용 가능합니다.

【추천 관련 글: vue.js

$routerVue.use(VueRouter)VueRouter를 통해 VueRouter의 객체입니다. 생성자는 라우터의 인스턴스 개체를 가져옵니다. 이 개체는 모든 경로와 많은 주요 개체 및 속성을 포함하는 전역 개체입니다. $router是VueRouter的一个对象,通过Vue.use(VueRouter)VueRouter构造函数得到一个router的实例对象,这个对象中是一个全局的对象,他包含了所有的路由包含了许多关键的对象和属性。

router是全局的一个路由实例(全局变量),其中包含了所有的路由、路由的关键属性及方法

用法:

1、$router.push({path:'/login'}) //路由跳转,实际是往history中添加路径

2、$router.push({path:'/login',query:{name:'userName'}}) //路由传参,在route中获取参数

3、$router.replace({path:'/login'})

router는 모든 경로, 주요 속성 및 라우팅 방법을 포함하는 전역 라우팅 인스턴스(전역 변수)입니다.

사용법: 1. $router.push({path:'/login' }) //라우트 점프, 실제로 기록에 경로 추가

2, $router.push({path:'/login',query:{name:'userName'}}) //라우팅 매개변수, 🎜🎜3 경로에서 매개변수 가져오기, $router.replace({path:'/login'}) //히스토리에서 경로를 직접 교체, 점프 기록이 기록되지 않습니다. router.go(-1)는 점프하기 위해 클릭한 페이지로 돌아갈 수 없습니다🎜🎜🎜관련 무료 학습 권장사항: 🎜JavaScript🎜(동영상)🎜🎜

위 내용은 vue의 $router는 무엇인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.