매개 변수 전달 모드의 VUE 삼가지

<p @ "BTN (ID)"를 클릭 => </ p>

　　

첫 번째 : 속성 이름을 라우팅하여 라우팅에서 일치를 결정하기 (권장하지 않음 실제 개발)

　　서브 어셈블리 수신 매개 변수 $의 route.name

   { 
      경로 : '/ 뉴스', 
      이름 : '뉴스', 
      구성 요소 : 뉴스 
    }

　　하위 수신 :

<P> {{$의 route.name}} </ P>

　　두 번째 : 라우터 링크의 속성에

　　구성에 대응 라우팅 :

  { 
     경로 : '/ 기술' 
     이름 '설명' 
     성분 : 설명 
   }

　　파라미터 PARAMS을 (: 폼의 값 PARAMS 키 인 객체이다) 전달 경로 이름 속성과 일치하는 경로를 결정하는

<라우터 링크 : =에 "{이름 : '설명', PARAMS : {사용자 이름 : '이름'ID 'ID'}}"> goHome이라는 </ 라우터 링크> |

　　하위 수신 :

이. $의 route.params.username

.이 $의 route.params.id 
직접 보간법의 형태로 표시하거나 페이지 <p> {$ {}의 route.params.username } - {{$의 route.params.id}} </ p>

　　

두 번째 : URL 매개 변수 전달

  { 
     경로 '/ DESCRIBE / newsid (\\ + D)를 / : newsTitle', N은 숫자가 단지 ID 제한하기 위하여 통과 될 수이고 
     이름 : '을 설명' 
     컴포넌트 다음 설명 
   }

　　경로 매개 변수 :

</ 라우터 링크> <= 라우터로 링크 "/ / 19 / 하이를 설명">

　　서브 어셈블리는 매개 변수 ($ route.params를) 동의 :

<P> {{$ route.params.newsId}} - {{$ route.params.newsTitle}} </ P>

셋째, 구성 요소를 라우팅하는 것은 다음 쿼리에 의해 전달 된 매개 변수와 일치하는 경로를 사용합니다. 매개 변수는 URL 아이디 = 뒤에이 경우? 표시?

      .이 $의 router.push ({ 
          경로 : '/ 기술' 
          쿼리 : { 
            ID : ID 
          } 
        })

　　구성에 대응 라우팅 :

  { 
     경로 : '/ 기술' 
     이름 '설명' 
     성분 : 설명 
   }

　　서브 어셈블리 수신 매개 변수 :

이. $의 route.query.id