Vue Router Tutorial - Reuse Components (2018)

Показать описание

Learn how to create reusable components that can be configured with Vue Router.

Vue Router makes it easy to pass configuration objects to components on any route change.

You can configure content, styles, even methods.

This level of customization makes it easy to reuse components across different routes.

CodePen here:

Рекомендации по теме

Комментарии

The Best Vue router tutorial! I learned a lot! thank you !

nailinchen

Interesting video -- i'm not an expert, but my gut tells me that 'router-link' parameters should only specify 'where to go' (and that styling, titles, etc., should be abstracted to another part of the project and should be determined based on 'where you go'). Also, I think some of these structural ideas become more clear, if we work with a 'realistic' project concept (e.g. A 'recipe webapp' or a ' movie reviews webapp' rather than just ' page one, page two, foo, bar'. Really appreciated your video! :)

zstrizzel

Really good tutorial, easy to understand. I liked it. But it was difficult to see the code in 480p quality, in other tutorials I can see the code easily with that quality. Anyways video is really helpful to the people who are learning VUEJS like me

bakhtiyor_sulaymonov

This video is really hard to understand coz when people making video with online editor not with professional editor it becomes waist coz in the real world it's totally deferent so I don't watch videos with online editors. by

vikitomes

Vue Router Tutorial - Reuse Components (2018)

Vue Router Tutorial - Reuse Components (2018)

Vue.js Routing with vue-router

2 Vue Router Lazy Loading | Vue Router Tutorial

Vue.js tutorial: Using props for accessing URL parameters within components with Vue Router

More maintainable apps with Vue Router 4 - Eduardo San Martin Morote

Vue.js - How to work with router and child components - vue framework in

Vue JS 3 Tutorial for Beginners #8 - The Vue Router

How to Handle Routing with Vue Router in Vue 3 | Vue 3 Tutorial

Vue Router Tutorial - Navigation Guards (2018)

How to Bubble up events in VueJS when using Vue Router

Vuetify #8 - Work on Vue Router and manage components

Stop Writing Your Routes - Vue.js Live 2023

Vue.js Routing With vue-router

Vue Router 4: Route Params Not Available on Created/Setup

Vue JS tutorial - Dependency Wheel: Vue router 2/10

Are You Following This Vue Best Practice?

Building composable Vue.js layouts with Vue Router

4. The Vue Router 9 Styling Active Links

2.13 Nested Routes ।। Vue Router 4 Fundamentals - #19

passing props to the named views in #vue3 composition api

Repeatable params in router using custom regex #vue3 composition api

36 scroll to top with vue router

Vue js tutorial for beginners #27 Add Routing Link | vue router part 2

Create Navbar Component | Vue Router Tutorial