vue의 라우터와 경로의 차이점은 무엇입니까?-View.js-php.cn

vue의 라우터와 경로의 차이점은 무엇입니까?

青灯夜游

풀어 주다： 2023-01-13 00:45:25

원래의

15383명이 탐색했습니다.

차이점: router는 "Vue.use(VueRouter)"와 전역 객체인 VueRouter 생성자를 통해 얻은 인스턴스 객체입니다. Route는 점프 라우팅 개체입니다. 각 경로에는 로컬 개체인 경로 개체가 있습니다.

vue의 라우터와 경로의 차이점은 무엇입니까?

이 튜토리얼의 운영 환경: Windows 7 시스템, vue 버전 2.9.6, DELL G3 컴퓨터.

라우터란 무엇입니까

router는 VueRouter의 객체입니다. Vue.use(VueRouter) 및 VueRouter 생성자를 통해 라우터의 인스턴스 객체를 얻습니다. 이 객체는 모든 경로를 포함하는 전역 객체입니다. 및 속성이 포함됩니다.

히스토리 객체와 유사

$router.push({path:'home'});핵심은 히스토리 스택에 경로를 추가하는 것입니다. 경로를 전환하는 것이 핵심입니다$router.push({path:'home'});本质是向history栈中添加一个路由，在我们看来是切换路由，但本质是在添加一个history记录

方法：

$router.replace({path:&#39;home&#39;});//替换路由，没有历史记录

로그인 후 복사

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

Method:

rrreeeroute란 무엇입니까

🎜🎜route는 점프 라우팅 개체를 갖습니다. 로컬 개체인 경우 해당 이름, 경로, 매개변수, 쿼리 등을 얻을 수 있습니다. 🎜🎜$route.path
현재 라우팅 개체의 경로와 동일한 문자열, "/home/news"와 같은 절대 경로로 구문 분석됩니다. 🎜🎜$route.params
객체, 동적 조각의 키-값 쌍과 Route🎜🎜$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 tutorial🎜"🎜

위 내용은 vue의 라우터와 경로의 차이점은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!