Learn about when property getting and DOM updates require additional complexity.
[Instructor] In this video, I'm going to talk about…computed properties, which will help keep…your templates cleaner, in addition to allowing you…to setup more sophisticated relationships…between data properties.…I'm looking at computed.hmtl, which you can find…in the exercise files in the chapter two,…video two start folder.…We've seen how we can declare initial properties…and data, and use them in expressions in our templates,…but it's not possible to refer to other data properties…from within this initial data property itself.…
For instance, to create a full name property…out of first name and last name.…So this won't work because neither the data object…nor the view instance have been created yet…and this refers to either the global window…object here or undefined if we're in strict mode.…Not being able to declare a full name property…isn't such a big deal, but what if we had…something that required a bit more computation.…
Like a temperature we wanted to convert…from Fahrenheit to Celsius.…So we might try to put something like this in our template.…
In this course, Michael Sullivan introduces the Vue framework, explains which problems it aims to solve, and shows how to add Vue to a new or existing webpage. Michael examines a Vue instance and its lifecycle, and shows simple and advanced data binding techniques along with how to manage CSS related attributes dynamically and handle user input and events. After he covers the key concepts and basic conventions of Vue, Michael dives into its component system, which can help you create modular, reusable code, and shows how to use the vue-router plugin to set up a single-page application with client-side routing.
- Creating a Vue app
- Applying control logic
- Binding to the style attribute and class attribute
- Reviewing the features of a Vue instance
- Registering and using Vue components
- Installing vue-cli and webpack
- Understanding the Vue app skeleton