1. [ Query ]
JSON 형태이며 query string 형태로 전달되는 파라미터 ⇒ $route.query로 접근
1-1 [ SampleCode - 쿼리설정]
///쿼리 설정
<v-list-tile router :to="{
name: 'users',
params : {
userId: 4321,
name: 'hoza'
},
query: {
쿼리생성
group: 'member',
category: 'trial'
}
}" exact>
JavaScript
복사
1-2 [ SampleCode - 쿼리 받기 ]
<v-flex xs12>
<h1>WelCome Users-Vue</h1>
<p>유저를 검색해주세요 .</p
<h1>그룹 : {{$route.query.group}}</h1>
<h1>카테고리 : {{$route.query.category}}</h1>
</v-flex>
JavaScript
복사
2. [ Query를 쓰면서 고려 할 점 ]
•
URL이 길어지고, 더러워진다.
•
URL을 통해 정보가 노출 될 수 있으니 노출하면 안된 정보들은 Query로 쓰지말고 Param으로 사용하자
