Advanced Front-End Frameworks

1. Describe the two ways to bind Data in Vue?

One of the ways to data bind is to use props. The other way is to use v-model

2. The SPA acronym stands for what?

It stands for Single Page Application

3. What are some of the advantages/uses of a SPA over a traditional one?

It is faster and less loaded times. It also allows one big page that just displays other smaller pages.

4. What does the onMounted method in Vue do?

On mounted is what happens when the page is loaded up. It is for the data you want to see right away.

5. What is the v-model attribute in Vue for, and when might you use it?

You use v-model for working with data and connecting info to change it. You would use it in an edit scenario.

6. The v:on (@) directive can be used for what?

It is a listener to run a function when something changes. You could use it on a button to increase a counter.

7. Which Vue attributes(directives) could you use to conditionally render elements on a page?

You would use v-if. It is like a if statement for Vue.

8. What is the purpose of the key attribute when using v-for on an element?

The key element is used to tell the for loop what to look over.

9. What is the <slot> element and what is it used for?

Slots are prebuilt elements for vue and objects. You can use slots to prebuild stuff like to-do buttons.