From the course: Vue.js 2 Essential Training
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Adding navigation
- [Instructor] Let's finish up our project by bringing our navigation. So I'm going to go back into my CodePen, and I'll expand this right here. I've already got the navigation collapsed here, so I'm just going to copy that. And then I'll go back to my project, and just like before, I'm going to create a new component. I'll call this one navbar.view, and do the same thing with the template. And go ahead and paste that in there. Then I'm going to type in my script. And in here I'm going to need to import a couple things. So I'm going to need to import the price so that I have access to the component that converts a number to a formatted price. So it's in the same folder as this one, so it'll just be price.view. And then I need to import the Font Awesome icon. And it needs to be the forward awesome, view font awesome. Let's go ahead and make this window bigger so we can see things a little bit better. Alright, we'll give this thing a name. We'll bring in some of the props, so for this…
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.