Basic Concepts of Vue 2

In this chapter, we will discuss data-driven views in Vue. We will also examine how DOM is manipulated with the help of directives. Next, we'll learn what components are and how to create them, and we'll cover concepts related to templates, methods, data, computed properties, and watchers.

All components have a life cycle, and we have special methods to access a component at certain points of its life. These methods are called lifecycle hooks, and we'll examine them in this chapter too.

In this chapter, we will learn about the following:

• Data-driven views in Vue
• Computed properties and methods and how to use them
• Understanding components, templates, and props
• Ways of building component templates in Vue
• Quickly prototyping websites with the help of Vue components and v-* directives
• Utilizing watchers in Vue
• The importance of lifecycle hooks and how to plug into this functionality in Vue