Is it recommended to use placeholders with form inputs?

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

How can you do simple state management without Pinia or Vuex?

The primary limitation of Static Site Generation (SSG)?

What do landmarks do?

It is a convention to name composable functions with ______ (case) names that start with ______

What does Client Hydration refer to?

Should prop and event validation be used in production?

When can a ref be accessed?

In Vue 3, ______ are used for reactive objects and ______ are used for refs.

What are your options how to build an application with Vue?

What are the main benefits of Pinia compared to Vuex?

Should component tests mock child components?

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

Answer:

What is Declarative Rendering?

Can lifecycle hooks be registered asynchronously?

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

What are the advantages of using reactive variables with the Reactivity Transform over traditional refs?

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

What’s a way to declare props?

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

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.

What does props drilling refer to?

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

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 built-in component provides the ability to display top-level loading / error states while waiting on nested async dependencies to be resolved?

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?

How is the reactive state declared with the Composition API?

Event names provide an automatic case transformation. We emit a ______ (case) event, but can listen for it using a ______ (case) listener in the parent.

What are alternatives to the $emit() method?

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

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

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

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

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

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

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

When is client-side routing particularly useful?

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.

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

Is it preferred to create watchers synchronously or asynchronously?

Do template variables need to be escaped in Vue?

Can you use v-bind with a style attribute?

What is the recommended tool for E2E tests?

How is the reactive state declared with the Options API?

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

When is it recommended to begin writing tests?

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

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

What is one of the most common performance issues in all frontend applications?

What functions can be used to solve props drilling problems?

What are blackbox tests?

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

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

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

How many times can a component be used?

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

What is the Virtual DOM?

What is the official, low-level component testing library for Vue?

What problems arise when destructuring props with defineProps() in Vue, and how does the Reactivity Transform solve them?

What are the two built-in components that can help work with transitions and animations in response to changing state?

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

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?

Can an emitted event be validated?

Page load performance refers to?

How are components typically structured?

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

What is it called when the DOM structure of the pre-rendered HTML does not match the expected output of the client-side app?

What does reactivity mean in the context of Vue?

If a child component’s root element already has existing class or style attributes, does passing class or style fallthrough attributes merge or replace the attributes from the root element?

What is a fallthrough attribute?

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

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

What is the best practice for return values of composables?

How do you specify a custom prefix for the transition classes applied by the <Transition> built-in component?

Name a reason against global registration of a component!

In what situations might reactivity be lost with reactive variables, and how can the $$() macro prevent this?

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

Computed properties are by default ______-only.

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

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

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

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

What is the official webpack-based toolchain for Vue?

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

How can Single File Component (SFC) blocks declare pre-processor languages?

What is the purpose of state machines?

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.

When does a computed property change?

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

What is an example of using reactive data to animate an element’s background color in Vue?

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

What are whitebox tests?

What are component tests?

What are the two ways to define a plugin?

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

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

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

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