CW VueJs

Which of the following best describes what a component is?

• A custom attribute that automatically adds complicated front-end logic to HTML elements.

• A custom HTML element that will display a specified template with provided information when used.

• A mechanism for improving page performance by determining what the browser needs to redraw by comparing two JavaScript objects representing the previous and current states of the page.

What will the following code display?

• Good morning {{ name }}, it is {{ weathers[0] }} today!

• Good morning Rogelio, it is [sunny, rainy, cloudy] today!

• This page will not display properly.

• Good morning Rogelio, it is sunny today!

Which of the following best describes the purpose of the virtual DOM?

• A custom HTML element that will display a specified template with provided information when used.

• A mechanism for improving page performance by determining what the browser needs to redraw by comparing two JavaScript objects representing the previous and current states of the page.

• A custom attribute that automatically adds complicated front-end logic to HTML elements.

Which of the following best describes what a directive is?

• A custom attribute that automatically adds complicated front-end logic to HTML elements.

• A custom HTML element that will display a specified template with provided information when used.

• A mechanism for improving page performance by determining what the browser needs to redraw by comparing two JavaScript objects representing the previous and current states of the page.

Which of the following is not a use case for using a front-end framework?

• Speeding up page performance

• Improving readability of code

• Reducing development time

• All answers are correct

Which of the following code snippets adds a computed property called numberOfAnimals that will remove the last animals from animals when its value is decreased?

• 
• 
• 

What will the following code snippet do?

• Whenever temperature changes, the corresponding watch function will run and canSupportArcticAnimals will be updated based on the new temperature value.

• Whenever a value in the app changes, the watch function will run and canSupportArcticAnimals will be updated based on the new temperature value.

• Nothing, the syntax of the code snippet is incorrect.

• When the app loads, the temperature watch function will run and will set canSupportArcticAnimals based on the initial temperature value.

Which of the following Vue app options object properties is used to store instance methods used in the app?

• watch

• data

• methods

• computed

Which of the following should be stored on an e-commerce Vue app’s computed object?

• A watcher that sets discount to .85 when a valid coupon code is typed in on the site

• A method that clears all of the items out of the current user’s shopping cart

• A number called finalPrice that represents the amount the user must pay based on the totalPrice of what they’ve purchased and the discount they have applied to their account

• A number called discount that represents a discount applied to the user’s account

Answer explanation

Dynamic values that are computed using other dynamic values should be stored on computed.

What will the following code do? (Vue 2)

const app = new Vue({el: '#app'});

• Create an HTML element with an ID of app and attach the Vue app to that element.

• Attach the Vue app to an HTML element with an ID of app.

• Nothing — this code is invalid.

• Create an HTML element with an ID of #app and attach the Vue app to that element.

• Attach the Vue app to an HTML element with an ID of #app.