Custom directives should only be used when the desired functionality can only be achieved via ______ ______ ______. Prefer declarative templating using built-in directives such as v-bind when possible.

____________ (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.

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

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

What is a fallthrough attribute?

Can you use CSS transitions for elements whose styles are bound to reactive data in Vue?

Vue provides core libraries and comprehensive tooling support for building modern SPAs, including: * ______ ______ * ______ ______ ______ ______ * ______ ______ * ______ ______ * ______ ______ * ______ ______

What are the two limitations of the reactive() API?

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

What is the function you need to use when defining/exporting components in order to let TypeScript properly infer types inside component options?

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

Can an emitted event be validated?

What are some common examples of fallthrough attributes?

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

Can you use Vue as a standalone script file?

What does SSR stand for?

What is the first question you should ask before using Server Side Rendering (SSR)?

What are the two forms of code reuse in Vue?

Name examples for hook arguments!

What is a “Composable”?

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

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

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 does the use of keyframe animations in CSS enhance class-based animations in Vue?

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

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

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

To render a block, what type of value must the directive v-if return?

What functions can be used to solve props drilling problems?

Is it preferred to create watchers synchronously or asynchronously?

What is the recommended tool for E2E tests?

How many times can a component be used?

What are component tests?

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

Should role attributes be used with landmark HTML elements?

Computed properties are by default ______-only.

Should component tests mock child components?

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.

There are two ways to register components: ______ and ______.

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

Is it necessary to manually stop watcher functions?

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

What are unit tests?

What language is Vue 3 written in?

When is it recommended to begin writing tests?

In Vue templates, JavaScript expressions can be used in the following positions:

What is the function that allows you to perform a side effect immediately while automatically tracking the effect’s reactive dependencies?

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

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

Answer:

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

When can a ref be accessed?

How many top level <template> blocks can a Single File Component (SFC) contain?

What is the Virtual DOM?

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

How does the $$() macro help retain reactivity when passing reactive variables to functions?

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

What function can be used to trigger a callback whenever a piece of reactive state changes, with the Composition API?

How many <style> blocks can a Single File Component (SFC) contain?

How do you pass template content to a child component?

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

What is the test runner created by Vue / Vite team members that focuses on speed?

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

What does a dynamic import() call return?

When is client-side routing particularly useful?

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?

What is the recommended IDE set up for Vue projects?

What’s a way to declare props?

What are the two core features of Vue?

Can you use v-bind with a style attribute?

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

RxJS is a library for working with ______ .

What is the purpose of tree flattening?

If you want to have multiple slot outlets in a single component, what do you need to use?

What are whitebox tests?

Question: What are some limitations of using custom elements compared to Vue components?

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

Which properties could the binding argument contain?

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

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

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

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

For radio, checkbox and select options, the v-model binding values are usually ______ strings (or booleans for checkbox)

When does a computed property change?

Name a reason against global registration of a component!

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

What do landmarks do?

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

How does Vue’s reactivity system facilitate state-driven animations without direct DOM manipulation?

Is it safe to use non-trusted templates in Vue?

Should prop and event validation be used in production?

What is the purpose of state machines?

How can you restructure your code when a component has become too large to navigate?

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

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

What is Declarative Rendering?

What does reactivity mean in the context of Vue?

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

Which is cheaper and easier to deploy, Server Side Rendering (SSR) or Static Site Generation (SSG)?

What built-in component provides the ability to display top-level loading / error states while waiting on nested async dependencies to be resolved?

State-______ (full / less) logic involves managing state that changes over time.