What's new in Vue 3 Routing
summary
Vue Router 4 introduces true dynamic routing with functions to add, remove, list and check routes and addRoute returns a remover function; a new matcher ranks routes to avoid order bugs; history becomes pluggable so web, hash or custom native histories work; encoding is tightened across browsers; navigation now reports typed navigation failures instead of throwing noisy promise errors; scroll behavior and composition API hooks (useRoute/useRouter/useLink) land; bundle drops from router size 9kb to 7kb, beta is near.
AI-written summary · about
chapters (24)
- 0:00Intro
- 1:14About Eduardo
- 3:40Whats in between
- 5:53Dynamic routing
- 8:02Matcher
- 10:35Scoring
- 12:42History
- 14:42History API
- 17:58Hash History
- 19:19URL Structure
- 23:16Encoding rules
- 30:32Links
- 33:37Merged RFC
- 34:21Navigation failures
- 38:33Scroll behavior
- 40:26Composition functions
- 42:41Disconnecting view from URL
- 43:30Routing view prop
- 45:51Router size
- 47:26Questions
- 49:56Lean version
- 54:01Testing
- 55:56Release plans
- 59:11QA time
