From the course: Vue.js 2 for Web Designers

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Identifying components and data

Identifying components and data - Vue.js Tutorial

From the course: Vue.js 2 for Web Designers

Start my 1-month free trial

Identifying components and data

- [Instructor] In this video we're going to step back a little and look at the mock-up of what we're trying to build, see what data we have, and what components we'll need. By the way I've included mock-ups for all these projects because it's common in my experience at least to start with HTML that I or someone else has created that gets you some of the way there in terms of interactivity using vanilla JavaScript, jQuery or whatever. Then I take out the bigger toolbox to finish it up. Adhering to the HTML and CSS from a mock-up can really help you get the work done faster. So anyway, this mock-up has a sneaker image right here, a size selector and a color selector. Changing the color changes the image and that's really all the interactivity we have right now. Thinking of this in terms of components, each of these objects could be a component. Shoe image, size selector, color selector. Okay, what about the data? Well we have the available sizes that appear in this pop up menu right…

Contents