Working with Data
In the previous chapter, you learned about the essentials of the Vue API and how to work with single-file Vue components. Building on these foundations, this chapter further explores different approaches to controlling data within a Vue component.
You will learn how to utilize Vue’s powerful data reactivity and cache system through computed properties and how to set up advanced watchers to observe the component’s data changes. You will also learn how to utilize asynchronous methods to fetch and handle data for your Vue components. By the end of this chapter, you will be able to watch, manage, and manipulate data from various sources in your Vue.js components.
So, in this chapter, we will cover the following topics:
- Understanding computed properties
- Understanding computed setters
- Exploring watchers
- Watching nested properties
- Exploring async methods and data fetching
- Comparing methods, watchers, and computed props