Getting Started with the Vue Router in Vue 3

Vue Router helps developers easily build single page applications with Vue.js. This video uses a simple e-Commerce application as an example to show how routing works in Vue 3 with vue-router. This video also shows how to initialize vue-router, dynamically load routes, breaks down the benefits and differences between useRoute and useRouter, and more.

Vue Router is a powerful tool, enabling nested route/view mapping, modular component-based router configuration, router params, query, and wildcards, view transition effects, fine-grained navigation control, integration with automatic active CSS classes, HTML5 history mode or hash mode with auto-fallback in Internet Explorer 9, and customizable scroll behavior. Learn more about vue-router and take a look at the source code on Github: https://github.com/vuejs/vue-router

Timestamps:

0:00 Beginning

0:27 Introduction

0:59 Initializing vue-router

4:06 How to Access the Vue Router with Composition API - useRouter and useRoute

6:28 Why should all routes be dynamically loaded?

7:07 Vue 3 Fragments with Routes

8:06 How to get the Category ID of a URL parameter?

9:29 Global variables and exploring useRoute

10:53 useRoute vs. useRouter

11:37 Taking a look at the source code

Modus Create is a trusted Vue.js partner helping global organizations build great user experiences. Learn more about our partnership: https://moduscreate.com/partners/vue/

Grgur on Social Media:
Twitter: https://bit.ly/2Q7Y5tv
LinkedIn: https://bit.ly/2PEEbqW
GitHub: https://bit.ly/2MaOVuU

Subscribe to the Modus Create YouTube Channel to get more insights about creating world-class web applications: http://mdus.co/subscribe

Vue Enterprise Support:
https://moduscreate.com/partners/vue/

Modus Create maintains an active blog on web development, customer experience, and product management. Check it out: https://moduscreate.com/blog

💼 Ready to transform your career? Modus is expanding and hiring!! Check out these positions and apply today!

Senior Product Strategist for LATAM and EU
EU: https://grnh.se/c8f8bf993us
LATAM: https://grnh.se/8b8b3ae43us

DevOps Architect (AWS) for LATAM, and US
US: https://grnh.se/a08cd8fb3us
LATAM: https://grnh.se/2c7851903us

Front End Engineer (Ionic, Angular)
https://grnh.se/dbb0a2803us

Data Engineer
https://grnh.se/093f18f93us

Modus Create is a disruptive consulting firm that helps companies transform for success in the digital future through a unique collaborative engagement model that focuses on strategy, product design/build, user experience, company culture, and process change.

https://moduscreate.com

#VuePartner #VueJs #VueRouter #Vue

Видео Getting Started with the Vue Router in Vue 3 канала Modus Create, Inc.