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.
Emitting updates
- [Narrator] Let's keep on building our project by adding this slider that allows you to qualify some of these items based on their price. This one has a couple of interesting things to it, so it's a good one to do. So first, I'm going to come into my components folder and I'll create a new file. This is going to be called PriceSlider.view and it's going to to have a template as well as a script, and in this case, we are going to have a style sheet here. So, let's go head and grab some of those things from our code pen, and we'll start with the HTML. So, I'm going to grab this transition sort of at the very top of the screen. This nav right now is collapsed, so you can collapse the nav, and right after that, you can just grab everything in the transition here, and this is going to be my HTML. So that's going to go in template, and for the script, I'm going to need to give it a name of price-slider and I'm going to add some things later on. Now, the way that this particular slider…
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.