Published on November 21, 2017 by LearnCode.academy

GET THE SOURCE CODE: github.com/learncodeacademy/vue-tutorials

Vue Router is how we’ll handle multiple “page states”. It doesn’t take long to set it up and then you can have a single page application running with Vue.js.

Vue.js 1: www.youtube.com/watch?v=mZY1yyrlJWU&index=1&list=PLoYCgNOIyGADZuvKJweutZDOO9VI9YiJ9
Vue.js 2: www.youtube.com/watch?v=h6lhOYv-QM4&index=2&list=PLoYCgNOIyGADZuvKJweutZDOO9VI9YiJ9
Vue.js 3: www.youtube.com/watch?v=t0w2KLOLaTA&index=3&list=PLoYCgNOIyGADZuvKJweutZDOO9VI9YiJ9
Vue.js 4: www.youtube.com/watch?v=1V9Lcnm1Dqw&index=4&list=PLoYCgNOIyGADZuvKJweutZDOO9VI9YiJ9
Vue.js 5: www.youtube.com/watch?v=inJDWcHmsss&list=PLoYCgNOIyGADZuvKJweutZDOO9VI9YiJ9&index=6
Vue.js 6: www.youtube.com/watch?v=Oyr5X5HwXhM&list=PLoYCgNOIyGADZuvKJweutZDOO9VI9YiJ9&index=5
Vue.js 7: www.youtube.com/watch?v=IkcJ0YAiycQ&list=PLoYCgNOIyGADZuvKJweutZDOO9VI9YiJ9&index=7
Vue.js 8: www.youtube.com/watch?v=mY2MiaYiSdw&list=PLoYCgNOIyGADZuvKJweutZDOO9VI9YiJ9&index=8
Vue.js 9: www.youtube.com/watch?v=mS9-fTrgjrA&list=PLoYCgNOIyGADZuvKJweutZDOO9VI9YiJ9&index=9

Leave a Reply

6 Comments on "Vuejs Tutorial #8 – Vue Router"

Notify of
avatar

sacros
Guest
sacros
3 months 5 days ago

Hi. I have a doubt. After i click on friends link, whenever i point to other links, eg contact, instead of going to localhost:8080/#/contact, it is going to localhost:8080/#/friends/1/2/contact. Please help.

sacros
Guest
sacros
3 months 5 days ago

ok, i got it. Just appended / before every route like this:<router-link to='"/contact"> instead of <router-link to='"contact">

Eugene Burdeinyi
Guest
Eugene Burdeinyi
3 months 19 days ago

great tutorials, thank you!

vadym1647 &1056
Guest
vadym1647 &1056
6 months 28 days ago

Good rhythm. No need speed up video. What back-end platform could you recommend for vue apps? Best pair?

mickey megabyte
Guest
mickey megabyte
8 months 2 days ago

why have you given your route objects a name property? does this get used at all?thanks for the series – i picked up some handy tips 😊

Ryan LaForge
Guest
Ryan LaForge
6 months 4 days ago

You can reference your route by the name property rather than the url when linked: router.vuejs.org/en/essentials/named-routes.html

wpDiscuz