What is an alternative approach to client-side routing for simple needs?
What type of values does the key
binding expect with v-for
?
What is the linting approach maintained by the Vue team?
Which properties could the binding
argument contain?
What is the prefix for attributes provided by Vue?
What is the official webpack-based toolchain for Vue?
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 watchers be utilized in Vue to animate numerical values smoothly over time?
What is the benefit of using Vue to build standard Web Components?
What should process.env.NODE_ENV
to be set to when building production files?
What are blackbox tests?
Does Server Side Rendering (SSR) use reactivity on the server-side?
Computed properties are by default ______-only.
With what kind of components is the built-in <KeepAlive>
component typically used with?
What is the built-in component for applying animations when an element or component is entering and leaving the DOM?
What are the advantages of using reactive variables with the Reactivity Transform over traditional refs?
How do you make comments in Single File Components (SFCs) ?
Should prop and event validation be used in production?
What is the name of the officially supported router for Vue projects?
What is the function that is used to only load a component from the server when it’s needed?
Can you use CSS transitions for elements whose styles are bound to reactive data in Vue?
What is the test runner created by Vue / Vite team members that focuses on speed?
What is the name of the alternative distribution of Vue optimized for progressive enhancement?
Which method does Vue provide to create custom elements using Vue component APIs?
What role do animation libraries like GSAP play when used with Vue watchers?
Answer:
What does a dynamic import()
call return?
What is a skip link?
This command will install and execute create-vue, the official Vue project scaffolding tool.
What is an example of a CSS animation that can be triggered by adding a class in Vue?
What does Client Hydration refer to?
What are benefits of choosing the Composition API?
In Vue 3, ______ are used for reactive objects and ______ are used for refs.
What app config property can be used for reporting errors to tracking services?
How can existing refs be converted to reactive variables using the $() macro?
How can you enable the Reactivity Transform in a Vue project using Vite?
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 official, low-level component testing library for Vue?
What are the primary trade-offs when using Server Side Rendering (SSR)?
What browser API do Single Page Applications (SPAs) take advantage of for client side routing?
Where is routing done in Single Page Applications (SPAs)?
What are unit tests?
Do warning checks incur performance overhead?
Vue’s function for creating vnodes ______ is short for hyperscript - which means “JavaScript that produces HTML (hypertext markup language)”.
What is the purpose of state machines?
Page load performance refers to?
What are the two forms of code reuse in Vue?
What is the first thing to do when creating an app with Vue?
How do you pass template content to a child component?
It is a convention to name composable functions with ______ (case) names that start with ______
Do component lifecycle hooks run on the server during Server Side Rendering (SSR)?
What are the primary advantages of Server Side Rendering (SSR)?
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 Vue handle passing complex data to custom elements that cannot be passed through DOM attributes?
How does the use of keyframe animations in CSS enhance class-based animations in Vue?
What are the life-cycle hooks for kept-alive components?
How can you take advantage of the benefits of Single File Components (SFCs) while keeping templates, Javascript and styles in separate files?
Event names provide an automatic case transformation. We emit a ______ (case) event, but can listen for it using a ______ (case) listener in the parent.
Do the dev-server and bundler perform type-checking with a Vite-based setup using TypeScript, created by create-vue
?
Where can you use a globally registered component?
What are the two built-in components that can help work with transitions and animations in response to changing state?
What are plugins?
How many <script setup>
blocks can a Single File Component (SFC) contain?
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 is a fallthrough attribute?
What functions can be used to solve props drilling problems?
If your use case is sensitive to page load performance, you should avoid shipping it as a pure?
How is the reactive state declared with the Options API?
How does Vue’s reactivity system facilitate state-driven animations without direct DOM manipulation?
State-______ (full / less) logic involves managing state that changes over time.
Vue displays HTML through ______ or ______ . You can use either one, but Vue recommends ______ by default.
How does the Vue Reactivity Transform simplify the use of refs and reactive variables?
How many <style>
blocks can a Single File Component (SFC) contain?
When does a computed property run its getter function?
What is the name of the official VSCode extension that provides TypeScript support inside Vue SFCs, along with many other great features?
How many top level <template>
blocks can a Single File Component (SFC) contain?
What are the two ways to define a plugin?
What language is Vue 3 written in?
How do you specify a custom prefix for the transition classes applied by the <Transition>
built-in component?
What does reactivity mean in the context of Vue?
What is the function that allows you to perform a side effect immediately while automatically tracking the effect’s reactive dependencies?
Can lifecycle hooks be registered asynchronously?
How can Single File Component (SFC) blocks declare pre-processor languages?
Can you use v-bind
with a style
attribute?
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 is the purpose of the $ref() macro in Vue’s Reactivity Transform?
What are the pros of runtime reactivity?
What are end-to-end tests?
Which is cheaper and easier to deploy, Server Side Rendering (SSR) or Static Site Generation (SSG)?
What is the function you need to use when defining/exporting components in order to let TypeScript properly infer types inside component options?
What are component tests?
How can you trigger animations on elements that are not entering or leaving the DOM in a Vue application?
Can you use Vue as a standalone script file?
How can you do simple state management without Pinia or Vuex?
How are components typically structured?
How do you get the app to be rendered in the Dom?
What built-in component provides the ability to display top-level loading / error states while waiting on nested async dependencies to be resolved?
How does the $$() macro help retain reactivity when passing reactive variables to functions?
What is a “Composable”?
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 more appropriate way to return a reversed array in a computed property than return numbers.reverse()
?