Module 5 - Vue behind the scenes

Question 1

What are the creation lifecycle events Vue has?

Answer 1

The Vue lifecycle events are :
beforeCreate
created
beforeMount
Mounted

Question 2

What are the event changes life cycle hooks Vue has?

Answer 2

the event changes life cycle hooks Vue has:
beforeUpdate
updated

Question 3

What does unmount do?

Answer 3

unmounting a vue app first goes through the beforeUnmount lifecycle hook and then the unmounted lifecycle hook

Question 4

Where do you add the Vue lifecycle hooks ?

Answer 4

The lifecycle methods are added to the config object provided in the createApp method.

Question 5

How does Vue know when to do stuff?

Answer 5

Vue takes all the fields that are mentioned in the Data config section and puts them in a global object together with the methods in methods section. It monitors , using proxies, all the data fields and reacts to changes to those fields (like recomputing computed fields or calling functions in watch.

Question 6

what is a Proxy?

Answer 6

The Proxy object enables you to create a proxy for another object, which can intercept and redefine fundamental operations for that object.

Question 7

Can more than one app be used

Answer 7

Yes, you can define one app per one template

Question 8

What is a template

Answer 8

A template is the part of the HTML that is controlled by
Vue. You mount the app on the html element you want to control. You can also define the template inside the app in a template section