Which syntax is used for text interpolation in templates?
In Vue, the framework controls both the compiler and the runtime. We call this hybrid approach ______.
Which method does Vue provide to create custom elements using Vue component APIs?
Where can you use a globally registered component?
How does the Vue Reactivity Transform simplify the use of refs and reactive variables?
How do you create a local component?
What does the runtime renderer do with virtual DOM trees?
What do you call a component that encapsulates logic but does not render anything by itself?
What is the function that is used to only load a component from the server when it’s needed?
What is the prefix for attributes provided by Vue?
What is the name of the official VSCode extension that provides TypeScript support inside Vue SFCs, along with many other great features?
How can existing refs be converted to reactive variables using the $() macro?
Does Server Side Rendering (SSR) use reactivity on the server-side?
Which watcher function automatically tracks every reactive property accessed during its synchronous execution?
What problems arise when destructuring props with defineProps() in Vue, and how does the Reactivity Transform solve them?
What are plugins?
What is an example of using reactive data to animate an element’s background color in Vue?
How many top level <template>
blocks can a Single File Component (SFC) contain?
How does the $$() macro help retain reactivity when passing reactive variables to functions?
What is it called when the DOM structure of the pre-rendered HTML does not match the expected output of the client-side app?
How many <script setup>
blocks can a Single File Component (SFC) contain?
Do warning checks incur performance overhead?
What are the main benefits of Pinia compared to Vuex?
What does SSG stand for?
What is the name of the officially supported router for Vue projects?
What does SSR stand for?
How does Vue handle passing complex data to custom elements that cannot be passed through DOM attributes?
What are the pros of runtime reactivity?
What type of values does the key
binding expect with v-for
?
What are the two built-in components that can help work with transitions and animations in response to changing state?
Nowadays Google and Bing can index Javascript applications just fine, but they must be ___________?
How does the use of keyframe animations in CSS enhance class-based animations in Vue?
What are the two core features of Vue?
What language is Vue 3 written in?
What is the command to install and execute create-vue, the official Vue project scaffolding tool?
What are whitebox tests?
For complex logic that includes ______ data, it is recommended to use a ______ property.
What is the first question you should ask before using Server Side Rendering (SSR)?
How are components typically structured?
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?
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 are the two limitations of the reactive()
API?
How many times can a component be used?
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 benefit of using Vue to build standard Web Components?
What is the best practice for return values of composables?
How can you restructure your code when a component has become too large to navigate?
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 forms of code reuse in Vue?
Which is cheaper and easier to deploy, Server Side Rendering (SSR) or Static Site Generation (SSG)?
What role do animation libraries like GSAP play when used with Vue watchers?
Answer:
Type inference for props in Options API requires wrapping the component with ______.
How can Single File Component (SFC) blocks declare pre-processor languages?
What is the recommended tool for E2E 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 is the official, low-level component testing library for Vue?
What is a fallthrough attribute?
____________ (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.
Update performance refers to?
What is Declarative Rendering?
How do you get the app to be rendered in the Dom?
What are the advantages of using reactive variables with the Reactivity Transform over traditional refs?
Question: What are some limitations of using custom elements compared to Vue components?
What are some common examples of fallthrough attributes?
What browser API do Single Page Applications (SPAs) take advantage of for client side routing?
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?
Do the dev-server and bundler perform type-checking with a Vite-based setup using TypeScript, created by create-vue
?
In what situations might reactivity be lost with reactive variables, and how can the $$() macro prevent this?
Do user-created watcher callbacks get called before or after Vue component updates?
This command will install and execute create-vue, the official Vue project scaffolding tool.
When does a computed property run its getter function?
What is the linting approach maintained by the Vue team?
What are the primary advantages of Server Side Rendering (SSR)?
How many <style>
blocks can a Single File Component (SFC) contain?
Is it safe to use non-trusted templates in Vue?
What is the state management library maintained by the Vue team?
How does Vue’s reactivity system facilitate state-driven animations without direct DOM manipulation?
What is the name of the alternative distribution of Vue optimized for progressive enhancement?
What functions can be used to solve props drilling problems?
Can an emitted event be validated?
With Vue 3 + TypeScript, which is preferred, Vite or Webpack?
Can you use CSS transitions for elements whose styles are bound to reactive data in Vue?
What are the life-cycle hooks for kept-alive components?
Can you use v-bind
with a style
attribute?
How is the reactive state declared with the Composition API?
How does the $() macro assist with destructuring refs in Vue’s Reactivity Transform?
Why might you choose to use watchers and animation libraries instead of CSS transitions for certain animations in Vue?
What is an example of a CSS animation that can be triggered by adding a class in Vue?
What is the test runner created by Vue / Vite team members that focuses on speed?
To render a block, what type of value must the directive v-if
return?
Do component lifecycle hooks run on the server during Server Side Rendering (SSR)?
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 is the purpose of the $ref() macro in Vue’s Reactivity Transform?
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 the <Suspense>
built-in component used for?
What are the primary trade-offs when using Server Side Rendering (SSR)?
When using reactive provide / inject values, where is it recommended to keep any mutations to reactive state?
Where can you try out SFCs without installing anything on your machine?
It is a convention to name composable functions with ______ (case) names that start with ______
Vue displays HTML through ______ or ______ . You can use either one, but Vue recommends ______ by default.