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

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

What are the two core features of Vue?

What is the purpose of state machines?

Can lifecycle hooks be registered asynchronously?

What is a fallthrough attribute?

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

What is the prefix for attributes provided by Vue?

Type inference for props in Options API requires wrapping the component with ______.

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

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

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

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

What are whitebox tests?

What language is Vue 3 written in?

What are the pros of runtime reactivity?

Page load performance refers to?

Is it necessary to manually stop watcher functions?

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.

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.

Can you use Vue as a standalone script file?

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

Where can you use a globally registered component?

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

Why might you choose to use watchers and animation libraries instead of CSS transitions for certain animations in Vue?

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

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

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

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

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?

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

What is the best practice for return values of composables?

Nowadays Google and Bing can index Javascript applications just fine, but they must be ___________?

How does the Reactivity Transform integrate with TypeScript, and what steps are needed to ensure proper typing?

What is the linting approach maintained by the Vue team?

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

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

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

What does reactivity mean in the context of Vue?

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

Which properties could the binding argument contain?

Can an emitted event be validated?

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

What are some common examples of fallthrough attributes?

What are end-to-end tests?

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

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

What do landmarks do?

What does SSR stand for?

What are benefits of choosing the Composition API?

What is the Virtual DOM?

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

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

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

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

Is it recommended to use placeholders with form inputs?

What are plugins?

What are blackbox tests?

How do you make comments in Single File Components (SFCs) ?

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

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

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

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

What is a more appropriate way to return a reversed array in a computed property than return numbers.reverse()?

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

What is an alternative to computed properties for displaying filtered/sorted lists, in cases where this is not feasible?

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

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

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

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

What is Declarative Rendering?

How do you create a local component?

Should component tests mock child components?

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

What’s a way to declare props?

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

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

What does SSG stand for?

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

What functions can be used to solve props drilling problems?

When does a computed property run its getter function?

How is the reactive state declared with the Options API?

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

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

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

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

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)?

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 the function that allows you to perform a side effect immediately while automatically tracking the effect’s reactive dependencies?

What does the runtime renderer do with virtual DOM trees?

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

When can a ref be accessed?

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 are components typically structured?

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

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

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

Answer:

Name a reason against global registration of a component!

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