File-Based Routing — Transcript

Transcript of the free Vue.js lesson File-Based Routingwatch the video lesson.

You already saw the basics of file-based routing in the last video. Let's take a look at a couple other things you can do with it though. Here inside of the pages directory, I could create an about folder. view.

Notice this works exactly the same as before. view component will be available at the path that matches the folder name. And we can nest these infinitely. So let's say I wanted to have an about slash me path.

view. And here we'll just provide a template saying this is an about me page, why not? And then when I visit slash, up slash about slash me, indeed we get our me page. view and then moving it directly into the about folder, which means you could delete the empty me folder.

And yeah. that works exactly the same.