What are the two ways to let TypeScript infer types? Hint: it’s the code that follows after defineProps()

What is the most common example of wanting to render part of a component in a DOM node that exists outside the DOM hierarchy of that component?

How does the use of keyframe animations in CSS enhance class-based animations in Vue?

What does the runtime renderer do with virtual DOM trees?

This command will install and execute create-vue, the official Vue project scaffolding tool.

You can ______ ______: one composable function can call one or more other composable functions. This enables us to compose complex logic using small, isolated units.

Which watcher function automatically tracks every reactive property accessed during its synchronous execution?

How can you enable the Reactivity Transform in a Vue project using Vite?

What is a fallthrough attribute?

What does SSG stand for?

How does the Vue Reactivity Transform simplify the use of refs and reactive variables?

When loading Vue from CDNs, what is the suffix of the Vue files that are pre-minified and have development-only code branches removed?

Composition API covers the following APIs: ______ - directly create reactive state, computed state and watchers. ______ - programmatically hook into the component lifecycle. ______ - leverage Vue’s dependency injection system.

How do you get the app to be rendered in the Dom?

Vue’s function for creating vnodes ______ is short for hyperscript - which means “JavaScript that produces HTML (hypertext markup language)”.

In what scenarios are Single File Components (SFCs) the recommended approach?

Do component lifecycle hooks run on the server during Server Side Rendering (SSR)?

What are the primary advantages of Server Side Rendering (SSR)?

What language is Vue 3 written in?

What is the first thing to do when creating an app with Vue?

What is the state management library maintained by the Vue team?

When is it recommended to begin writing tests?

Should role attributes be used with landmark HTML elements?

What type of values does the key binding expect with v-for?

What role do animation libraries like GSAP play when used with Vue watchers?

Answer:

What are alternatives to the $emit() method?

What is an example of a CSS animation that can be triggered by adding a class in Vue?

How does Vue handle passing complex data to custom elements that cannot be passed through DOM attributes?

Is it necessary to manually stop watcher functions?

What is the <Suspense> built-in component used for?

When working with the options API, the ______ hook can be used to run code after the component has finished the initial rendering and created the DOM nodes.

What are the primary trade-offs when using Server Side Rendering (SSR)?

What are unit tests?

Where can you use a globally registered component?

What are the two forms of code reuse in Vue?

Update performance refers to?

How can you take advantage of the benefits of Single File Components (SFCs) while keeping templates, Javascript and styles in separate files?

How can you instruct Vue to treat certain elements as custom elements and skip component resolution?

What is the purpose of tree flattening?

What is the command to install and execute create-vue, the official Vue project scaffolding tool?

What is the function that is used to only load a component from the server when it’s needed?

The v-for directive requires a special syntax in the form of ______ ______ ______ where ______ is the source data array and item is an alias for the array element being iterated on.

Is it preferred to create watchers synchronously or asynchronously?

What is the name of the official VSCode extension that provides TypeScript support inside Vue SFCs, along with many other great features?

____________ (SSR) is a method of prerendering your Vue’s HTML on the server. Once the JavaScript is downloaded, Vue will be able to “______” the application, or make it interactive.

Can you use v-bind with a style attribute?

What are some common examples of fallthrough attributes?

What is the built-in component for animating the insertion, removal, and order change of elements or components that are rendered in a list?

We can use the ______ directive, which we typically shorten to the @ symbol, to listen to DOM events and run some JavaScript when they’re triggered.

What is the built-in component for applying animations when an element or component is entering and leaving the DOM?

What is a skip link?

What is the shorthand for attribute binding?

What are components that only load from the server when they are needed known as?

When deploying to production, why should we drop all the unused, development-only code branches?

What are the life-cycle hooks for kept-alive components?

What method allows you to create animations in Vue by binding styles directly to reactive data properties?

Can an emitted event be validated?

With what kind of components is the built-in <KeepAlive> component typically used with?

When using reactive provide / inject values, where is it recommended to keep any mutations to reactive state?

What is the purpose of the $ref() macro in Vue’s Reactivity Transform?

How many times can a component be used?

What is a “Composable”?

When using a build step, we typically define each Vue component in a dedicated file using the ______ extension.

What functions can be used to solve props drilling problems?

What is the name of the alternative distribution of Vue optimized for progressive enhancement?

In Vue, the framework controls both the compiler and the runtime. We call this hybrid approach ______.

Do the dev-server and bundler perform type-checking with a Vite-based setup using TypeScript, created by create-vue?

What are blackbox tests?

What is the benefit of using Vue to build standard Web Components?

Which method does Vue provide to create custom elements using Vue component APIs?

What is the prefix for attributes provided by Vue?

If your use case is sensitive to page load performance, you should avoid shipping it as a pure?

What does a dynamic import() call return?

What is the primary benefit of using custom elements in Vue?

What does props drilling refer to?

When does a computed property run its getter function?

What built-in component allows you to conditionally cache component instances when dynamically switching between multiple components?

Where is routing done in Single Page Applications (SPAs)?

Which properties could the binding argument contain?

What are plugins?

What is the built-in component to render a part of a component’s template into a DOM node that exists outside the DOM hierarchy of that component?

RxJS is a library for working with ______ .

Vue is a JavaScript ______ for building user ______

What’s a way to declare props?

Does Server Side Rendering (SSR) use reactivity on the server-side?

What is the recommended IDE set up for Vue projects?

What are the functions called, that give users the opportunity to add their own code at specific stages of a components initialization and cleanup?

What do you call a component that encapsulates logic but does not render anything by itself?

When using TypeScript with Vue, how would you declare that foo is a required string and bar is a number?

What app config property can be used for reporting errors to tracking services?

With Vue 3 + TypeScript, which is preferred, Vite or Webpack?

Do user-created watcher callbacks get called before or after Vue component updates?

What does Client Hydration refer to?

Can lifecycle hooks be registered asynchronously?

What is the name of the officially supported router for Vue projects?

How does the $() macro assist with destructuring refs in Vue’s Reactivity Transform?

Where can you try out SFCs without installing anything on your machine?

What does SFC stand for?

How can existing refs be converted to reactive variables using the $() macro?

Does slot content have access to the state of the parent component?