What should process.env.NODE_ENV
to be set to when building production files?
How are components typically structured?
When deploying to production, why should we drop all the unused, development-only code branches?
What is the official webpack-based toolchain for Vue?
Is it recommended to use placeholders with form inputs?
Should component tests mock child components?
What’s a way to declare props?
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 are the primary advantages of Server Side Rendering (SSR)?
What is a skip link?
What is the Virtual DOM?
What method allows you to create animations in Vue by binding styles directly to reactive data properties?
What app config property can be used for reporting errors to tracking services?
Do warning checks incur performance overhead?
Do user-created watcher callbacks get called before or after Vue component updates?
How does the use of keyframe animations in CSS enhance class-based animations in Vue?
RxJS is a library for working with ______ .
How many times can a component be used?
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.
What is the first thing to do when creating an app with Vue?
Can you use v-bind
with a style
attribute?
What problems arise when destructuring props with defineProps() in Vue, and how does the Reactivity Transform solve them?
How can existing refs be converted to reactive variables using the $() macro?
Is it preferred to create watchers synchronously or asynchronously?
What are end-to-end tests?
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?
Can an emitted event be validated?
What is an example of using reactive data to animate an element’s background color in Vue?
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.
What are the two ways to define a plugin?
Update performance refers to?
Does Server Side Rendering (SSR) use reactivity on the server-side?
What is the recommended IDE set up for Vue projects?
What is a more appropriate way to return a reversed array in a computed property than return numbers.reverse()
?
What is the purpose of tree flattening?
What is an example of a CSS animation that can be triggered by adding a class in Vue?
What is the linting approach maintained by the Vue team?
Computed properties are by default ______-only.
With Vue 3 + TypeScript, which is preferred, Vite or Webpack?
How do you pass template content to a child component?
How can watchers be utilized in Vue to animate numerical values smoothly over time?
Type inference for props in Options API requires wrapping the component with ______.
What are some common examples of fallthrough attributes?
Is it necessary to manually stop watcher functions?
In what situations might reactivity be lost with reactive variables, and how can the $$() macro prevent this?
When does a computed property run its getter function?
How many <style>
blocks can a Single File Component (SFC) contain?
Do the dev-server and bundler perform type-checking with a Vite-based setup using TypeScript, created by create-vue
?
Vue displays HTML through ______ or ______ . You can use either one, but Vue recommends ______ by default.
What are blackbox tests?
What does a dynamic import()
call return?
How is the reactive state declared with the Composition API?
What do landmarks do?
How does the $$() macro help retain reactivity when passing reactive variables to functions?
What is the function that allows you to perform a side effect immediately while automatically tracking the effect’s reactive dependencies?
The primary limitation of Static Site Generation (SSG)?
What are your options how to build an application with Vue?
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?
You can ______ ______: one composable function can call one or more other composable functions. This enables us to compose complex logic using small, isolated units.
With what kind of components is the built-in <KeepAlive>
component typically used with?
Should role
attributes be used with landmark HTML elements?
What browser API do Single Page Applications (SPAs) take advantage of for client side routing?
For radio, checkbox and select options, the v-model
binding values are usually ______ strings (or booleans for checkbox)
Can you use CSS transitions for elements whose styles are bound to reactive data in Vue?
What is the purpose of the $ref() macro in Vue’s Reactivity Transform?
When using TypeScript with Vue, how would you declare that foo
is a required string and bar
is a number?
What is the best practice for return values of composables?
Which watcher function automatically tracks every reactive property accessed during its synchronous execution?
What is the first question you should ask before using Server Side Rendering (SSR)?
What is the official, low-level component testing library for Vue?
Why might you choose to use watchers and animation libraries instead of CSS transitions for certain animations in Vue?
What is the built-in component for applying animations when an element or component is entering and leaving the DOM?
Vue’s function for creating vnodes ______ is short for hyperscript - which means “JavaScript that produces HTML (hypertext markup language)”.
What are the two built-in components that can help work with transitions and animations in response to changing state?
Can lifecycle hooks be registered asynchronously?
What are the functions called, that give users the opportunity to add their own code at specific stages of a components initialization and cleanup?
When using reactive provide / inject values, where is it recommended to keep any mutations to reactive state?
What is the prefix for attributes provided by Vue?
What does props drilling refer to?
What is a “Composable”?
What is one of the most common performance issues in all frontend applications?
What do you call a component that encapsulates logic but does not render anything by itself?
What is the built-in component for animating the insertion, removal, and order change of elements or components that are rendered in a list?
Vue provides core libraries and comprehensive tooling support for building modern SPAs, including: * ______ ______ * ______ ______ ______ ______ * ______ ______ * ______ ______ * ______ ______ * ______ ______
How does the $() macro assist with destructuring refs in Vue’s Reactivity Transform?
What does Client Hydration refer to?
What are the two ways to let TypeScript infer types? Hint: it’s the code that follows after defineProps()
What role do animation libraries like GSAP play when used with Vue watchers?
Answer:
What is the state management library maintained by the Vue team?
Which is cheaper and easier to deploy, Server Side Rendering (SSR) or Static Site Generation (SSG)?
When using a build step, we typically define each Vue component in a dedicated file using the ______ extension.
Does slot content have access to the state of the parent component?
What does SSR stand for?
What is the function you need to use when defining/exporting components in order to let TypeScript properly infer types inside component options?
How can you restructure your code when a component has become too large to navigate?
What are the advantages of using reactive variables with the Reactivity Transform over traditional refs?
Where can you use a globally registered component?
What are the life-cycle hooks for kept-alive components?
In Vue templates, JavaScript expressions can be used in the following positions:
What does reactivity mean in the context of Vue?