Summary

In this chapter, we learned more about the Vue instance and how we can take advantage of a variety of property types such as data, watchers, computed values, and more. We've learned about how this works in JavaScript and the differences when using it inside of a Vue instance. Furthermore, we've investigated the DOM and why Vue uses the Virtual DOM to create performant applications.

In summary, data properties allow for reactive properties within our templates, computed properties allow us to take our template and filtering logic and separate it into performant properties that can be accessed within our templates, and watched properties allow us to work with the complexities of asynchronous operations.

In the next chapter, we'll be taking an in-depth look at Vue directives, such as v-if, v-model, v-for, and how they can be used to create powerful reactive applications.