Contents
see List작성일 2022. 06. 11.
router.push({name : "Test" ,params : {test : "33"}});
<router-link :to="{name: 'Test', params: {test: '33'}}">회원가입</router-link>
//이경우 post /test
router.push({path : "/test",query : { test : "33"}});
<router-link :to="{name: 'mainCommLoginRegister', query: {test: 'dog'}}">회원가입</router-link>
//이경우 get /test?test=33
router.push({path : "/test/33"}});
<router-link to="/test/33">회원가입</router-link>
//이경우 get /test/33
//받을때
const route = useRoute();
route.query.test // get
route.params.test //post
router.js
/test/33 경우 :test 를 붙여줘야함
{
path: '/test/:test',
name: 'test',
component: () => import('@/test'),
},
/test or /test?test=33 경우는 제외해도됨
{
path: '/test',
name: 'test',
component: () => import('@/test'),
},
javascript
| No | 작성일 | Title |
|---|---|---|
| 2213 | 2026. 02. 11. | React Server Components 심화 패턴과 활용 |
| 2212 | 2026. 02. 11. | Next.js 15 App Router 완벽 가이드 |
| 2171 | 2026. 02. 11. | Astro vs Remix vs SvelteKit: 풀스택 프레임워크 비교 |
| 2170 | 2026. 02. 11. | 프론트엔드 테스트 전략: Vitest + Testing Library + Playwright |
| 2169 | 2026. 02. 11. | React 19 신기능: use(), Actions, 서버 컴포넌트 개선 |
| 2168 | 2026. 02. 11. | Web API 최신 트렌드: View Transitions, Popover, Container Queries |
| 2167 | 2026. 02. 11. | Vite 6.0: 차세대 프론트엔드 빌드 도구 |
| 2166 | 2026. 02. 11. | Tailwind CSS 4.0과 모던 CSS 프레임워크 동향 |
| 2165 | 2026. 02. 11. | Zustand vs Jotai vs Recoil: React 상태 관리 비교 2025 |
| 2164 | 2026. 02. 11. | TypeScript 5.x 신기능과 타입 시스템 고급 활용 |