From the course: Building Vue and Node Apps with Authentication
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Adding a new message route
From the course: Building Vue and Node Apps with Authentication
Adding a new message route
- (Instructor) In this video, we'll create a new messages buttonin NAV bar, that navigates us to our new message component. So let's begin in the front end We'll open up our App component. And then here, let's copy line four to add a new button right below it, and we'll call it New Message. And now using the two directives, We'll navigate to that specific route. So let's go over and create that route inside our Main.js. So I'll copy our first route on line 15, and paste it below. Then I'll create a new path called New Message. And modify the component to new message as well. And then we'll need to import the New Message components. So I'll copy line eight and paste it below, and make the modifications. And then the final thing I'll do is add a comma in between the two routes on line 16. So let's hit the New Message button and we can see that our new message component is now being shown. Let's do the same thing for our messages button. So back in our App view, let's copy the two…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.