Vuetify Tutorial #11 - Adding Routes

Hey gang, in this tutorial we'll just quickly add a few routes to our Vue application so that we have some different pages to build our Vuetify components on.

----------------------------------------

🐱‍💻 🐱‍💻 Course Links:

🤑🤑 Donate


🎓🎓 Find me on Udemy

[gibdopaminepls]

so this turned into a complete VueJS tutorial from just a Vuetify tutorial. As someone who's just learning Vue and is trying to learn Vuetify in parallel, it's appreciated.

[MyMeww]

For anyone doing this in 2020, the router file is --> router/index.js

[andyfusniak]

As a tip you can use named routes: [ { icon: 'mdi-view-dashboard', text: 'Dashboard', route: { name: 'dashboard' } }, ... ]. Now you are free to maintain your route URLs inside of your router code, without having to trawl files later down the line if you wish to change route URLs.

[zahirjacobs]

This is so good I've gone into the github repo and taught myself the rest of the code because I just couldn't wait for the videos. Pretty good job Shaun!

[md.akib]

"Alright then gang" i love this part

[bartlebob]

vuetify is amazing, 1000% productivity. Great series mate.

[joeokat]

I really enjoyed your vuejs3 course with the composition api and completed the vuetify playlist as well but could you make a vuetify course with the < script setup > ? I find it more effective in writing clean code even as a beginner. Thanks 🙏🏽

[bryanfullen]

Thank you for the videos: But im stuck when removing this one line and replacing it with just component: about... ( component: () => import(/* webpackChunkName: "about" */ './views/About.vue') and replacing it with just component: about. it blanks my screen out. I have many more routes already placed in here but it seems that one line of code messes stuff up if its not present. Whats going on here?

[jvdakid]

If you keep getting hit with an error on your localhost after renaming "Home.vue" and "About.vue" you may need to reset your server (run yarn serve or npm run serve)! Just a heads up!

[AbhishekKumar-mqtt]

Thank u for this awesome video and series

[kithinga]

If you are can't find the router folder, and you are using vue ui, go to the ui dashboard then click on the plugins you will find and option at the center top to add vue router .

[boomrest]

How to make the drawer shift the content of the main page when it appears and not overlap?

[rwuttke]

Hey Net Ninja, lovely work, quick question, what VS Code plugin are you using that checks if the imports are used?

[bilalahmadayobi]

Hay The Net Ninja Thanks a lot the code is working properly in the system the link is also working it is showing in the url but it is not displaying the content of the dashboard, Projects and team in the browser.

[chsinnfrei]

Hey awesome tutorials, could you please share your plugins for VS Code? Thx advance!

[pgcubing]

Hello! I wonder if you're still gonna respond to this, but Im facing a problem with the Team.vue file...
I followed your code yet I get the error:

Failed to mount component: template or render function not defined. found in ---> <Team> at src/views/Team.vue <VContent> <VApp> <App> at src/App.vue <Root>
This confuses me. Also nobody on the Discord server is answering my question. Do you know?

[dede]

On VScode, if you type scaffold, you can create template, script and style tags for you at once

[jmmacatangay_grizzlybear]

In creating two users. the Admin and User, is it all intended to put all the router inside router.js? if not, What is it.

[Chaoseweebedits]

help i don't know to used automatic routing on vuetify

[Lucas-sgmv]

do you have specific paid course of vuetify?